How to add 2 onclick functions
Question
<!DOCTYPE html>
<html>
<body>
<h1>A452 Question 2 - Arrays</h1>
<p>Array of Products:</p>
<p id="prod"></p>
<p id="prod2"></p>
<p id="prod3"></p>
<p id="text1"></p>
<p id="text2"></p>
<script>
var products = ["Printer","Tablet","Router","Keyboard","Monitor","Mouse"];
document.getElementById("prod").innerHTML = products
</script>
<button type = "button" onclick = "document.getElementById('prod2').innerHTML = products.sort();">
Turn list in alphabetical order!</button>
<button type = "button" onclick = "document.getElementById('prod3').innerHTML = products.length;">
Count the number of items in the list!</button>
</body>
</html>
How do I add a string of text before each onclick event. For example the output for the second button is "6" while i want it to be "the number of items in the list is: 6"
2 answers
solution1
0 2017-01-17 20:42:21
您可以只连接字符串：
<button type = "button" onclick = "document.getElementById('prod3').innerHTML = 'the number of items in the list is: ' + products.length;">Count the number of items in the list!</button>
solution2
0 2017-01-17 20:43:52
Hello put the text between 'text' and after add + .
like this:
<button type = "button" onclick = "document.getElementById('prod3').innerHTML = 'the number of items in the list is: ' + products.length;">
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to add two functions to one onClick
How to add onclick functions in an array of buttons using a for loop properly?
How to add 2 different onclick functions to the same DIV tag
How do I add type to onChange & onClick functions in typescript react
Add two or more functions to an onclick event
how to make functions to use in onclick
How to handle two functions onClick
How to call 2 functions on onclick of a checkbox?
How to add onclick() in pdfjs
How to add onClick on the component
Related Tags