HTML + Javascript按钮选择
HTML + Javascript按钮选择
提问于 2018-10-22 05:13:14
所以我有4个按钮，当我点击或按钮时，它应该显示我用"Result = (the button number )“点击的数字。如果我尝试创建else语句，它仍然不起作用。我如何才能使它在我单击某个特定按钮时显示该按钮编号
我的HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Task 2 </title>
<link href="style.css" type="text/css" rel="stylesheet">
<script src="task2.js" type="text/javascript"></script>
</head>
<body>
<!-- Create a paragraph with id mydata -->
<div id="box">
<p style="font-family: monospace;" id="mydata">Result </p>
<!-- Create 4 Click buttons -->
<!-- Number 10 -->
<p> <button onclick="myFunction();"> 10 </button></p>
<!-- Number 20 -->
<p> <button id="twenty" onclick="myFunction();"> 20 </button></p>
<!-- Number 30 -->
<p> <button id="thirty" onclick="myFunction();"> 30 </button></p>
<!-- Number 40 -->
<p> <button id="fourty" onclick="myFunction();"> 40 </button></p>
</div>
</body>
</html>和我的JS
var num1 = 10
var num2 = 20
var num3 = 30
var num4 = 40
function myFunction()
{
var p = document.getElementById("mydata"); // get the paragraph
if (num1 == 10)
{
p.innerHTML = "Result = " + num1;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52919937
复制相关文章
相似问题
腾讯云开发者
