如何添加2个onclick函数
[英]How to add 2 onclick functions
问题描述
<!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. 
如何在每个onclick事件之前添加文本字符串。 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" 例如，第二个按钮的输出为“ 6”，而我希望它为“列表中的项目数为：6”
2 个解决方案
解决方案1
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>
解决方案2
0 2017-01-17 20:43:52
Hello put the text between 'text' and after add + . 您好将文本放在'text'和add +之后。
like this: 像这样：
<button type = "button" onclick = "document.getElementById('prod3').innerHTML = 'the number of items in the list is: ' + products.length;">
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何在一个 onClick 中添加两个功能 - How to add two functions to one onClick
如何正确使用for循环在按钮数组中添加onclick函数？ - How to add onclick functions in an array of buttons using a for loop properly?
如何在同一个DIV标签中添加2个不同的onclick函数 - How to add 2 different onclick functions to the same DIV tag
如何在 typescript 中的 onChange 和 onClick 函数中添加类型 - How do I add type to onChange & onClick functions in typescript react
向onclick事件添加两个或更多函数 - Add two or more functions to an onclick event
如何使函数在 onclick 中使用 - how to make functions to use in onclick
如何处理两个函数 onClick - How to handle two functions onClick
如何在复选框的onclick上调用2个函数？ - How to call 2 functions on onclick of a checkbox?
如何在 pdfjs 中添加 onclick() - How to add onclick() in pdfjs
如何在元件上添加onClick - How to add onClick on the component
相关标签