hello，大家好，我是wangzirui32，今天我们来学习如何使用表单+js脚本编写一个简单的乘法计算器，先创建一个HTML文件，输入：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript乘法计算器</title>
<script src="demo.js"></script>
</head>
<body>
<h1>JavaScript计算器</h1>
<p>这是一个JavaScript乘法计算器</p>
<form name="myform">
<p>乘数1：<input type="text" value="" name="number1" /></p>
<p>乘数2：<input type="text" value="" name="number2" /></p>
<button onclick="getForm()">计算</button>
</form>
</body>
</html>
上面的代码我们加载了js文件demo.js，这个我们后续会写。form的name属性定义了表单的名称，input接受用户的输入，button按钮中onclick单击事件里的函数是demo.js中的。
再在相同的目录下创建一个js文件demo.js，代码如下（不懂看注释）：
// 定义getForm函数
function getForm(){
// 获取myform中number1和number2的值
var number1 = myform.number1.value;
var number2 = myform.number2.value;
// 计算
var answer = number1 * number2;
// 弹窗输出结果
alert(number1 + " * " + number2 + " = " + answer);
}
这样就OK了，怎么样，你学会了吗，感兴趣的可以收藏点赞哦！拜拜！