Golang React JS Technology Blog

jQuery show input text inside div after on click event

Add some text in input box and click on Add Message button:

Example

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function showMessage() {
    var message = jQuery("#textToDisplay").val();
    jQuery("#messageSpan").text(message);
}
</script>
</head>
<body>
<input type="text" id="textToDisplay" />
<input type="button" value="Add message" onClick="showMessage()" />
<div>
	<span id="messageSpan"><span>
</div>
</body>
</html>
Most Helpful This Week
Using jQuery delete table row on click How to change text after click event using JavaScript? What's the difference between let and var? Image Rollover Using onMouseOver and onMouseOut jQuery get the coordinates of div clicked Check if a string ends with the given target string