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。
实习编辑:李欣容
稿件来源:深度学习与文旅应用实验室(DLETA)