1 问题
众所周知,无论是Pycharm或是IDLE、java都可以计算简单的算法,比如加减乘除。然而在Hbuilder中,javascript也可以用来计算数值的加减乘除。
比如,我们计算:假设 y=5,计算 x=y+2,并显示结果。
2 方法
首先利用<p></p>标签写算法题题目。然后利用<button></button>标签创造一个事件,其中标签里面onclick后面的命名一定要加()。再然后写一个<p id=></p>给p标签加id,用来显示答案,而且后面的命令是靠id来识别的。最后在<script></script>里面创建变量,用var 创建变量。
3 实验结果与讨论
通过实验、实践等证明提出的方法是有效的,是能够解决开头提出的问题。
代码清单 1
<!DOCTYPE html> |
<html> |
<head> |
<meta charset="UTF-8"> |
<title></title> |
</head> |
<body> |
<p>假设 y=5,计算 x=y+2,并显示结果。</p> |
<button onclick="showAnswer()">点这里</button> |
<p id="demo2"></p> |
<script type="text/javascript"> |
var y=5; |
var x=y+2; |
function showAnswer(){ |
document.getElementById("demo2").innerHTML="x="+x |
} |
</script> |
</body> |
</html> |
4 结语
我们还需要注意,在命令getElementById(),括号里面加前面id的名字时,一定要加引号,不然无法识别这是一个id。