w3resource

jQuery: Display previous handler's return value

jQuery Fundamental - II : Exercise-93

Display previous handler's return value.

Sample solution :

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Display previous handler's return value</title>
</head>
<body>
<button>Display Event result</button>
<p></p>
</body>
</html>

JavaScript Code :

$( "button" ).click(function( event ) {
return "Hello";
});
$( "button" ).click(function( event ) {
$( "p" ).html( event.result );
});

See the Pen jquery-fundamental-exercise-93 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Cancel the default action (navigation) of the click.
Next: On mouseout of anchors, alert the element type being entered.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/jquery-exercises/2/jquery-fundamental-exercise-93.php