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

最新推荐文章于 2024-07-24 11:09:48 发布

森林光头强大叔叔

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量175

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hushuning/p/7989344.html

版权

<!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" οnclick="myfunction()">#onclick是点击该按钮运行该函数。
</head>

<body>

</body>
</html>

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

 1 function myfunction() {
 2         aa  =  document.getElementById('aa').value
 3         bb  =  document.getElementById('bb').value
 4         se  =  document.getElementById('se').value
 5         if (se == '+') {
 6              cc = parseFloat(aa) + parseFloat( bb)
 7             alert(cc)
 8 
 9         }
10         else if (se == '-'){
11             cc = parseFloat(aa) - parseFloat( bb)
12             alert(cc)
13 
14         }
15         else if (se == '*'){
16             cc = parseFloat(aa) * parseFloat( bb)
17             alert(cc)
18 
19         }
20         else {
21             cc = parseFloat(aa) / parseFloat( bb)
22             alert(cc)
23 
24         }
25 
26 
27 
28     }

转载于:https://www.cnblogs.com/hushuning/p/7989344.html

森林光头强大叔叔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript第一个作业之网页计算器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算</title> <script type="text/javascript" src="href.js"></scr...
复制链接

扫一扫