javascript第一个作业之网页计算器

时间:2024-07-29 20:33:50
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算</title>
<script type="text/javascript" src="href.js"></script>#src是外链就在本目录下的后缀js文件
<input type="text" name="" id="aa" value="">
<select id="se">#ID选择器
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" name="" id="bb">#ID是获取元素的标记
<input type="button" value="计算" id="over" onclick="myfunction()">#onclick是点击该按钮运行该函数。
</head> <body> </body>
</html>

下面是外链文件中的myfunction函数

 function myfunction() {
aa = document.getElementById('aa').value
bb = document.getElementById('bb').value
se = document.getElementById('se').value
if (se == '+') {
cc = parseFloat(aa) + parseFloat( bb)
alert(cc) }
else if (se == '-'){
cc = parseFloat(aa) - parseFloat( bb)
alert(cc) }
else if (se == '*'){
cc = parseFloat(aa) * parseFloat( bb)
alert(cc) }
else {
cc = parseFloat(aa) / parseFloat( bb)
alert(cc) } }