javascript模拟计算机的实现

最新推荐文章于 2023-06-23 00:36:49 发布

pythonniu

最新推荐文章于 2023-06-23 00:36:49 发布

阅读量375

点赞数

分类专栏： javascript web

本文链接：https://blog.csdn.net/pythonniu/article/details/55101901

版权

web 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

javascript

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title> 事件</title>
    <script type="text/javascript">
        function count(){

            var text1=document.getElementById('txt1').value;//获取第一个输入框的值
            var text2=document.getElementById('txt2').value;//获取第二个输入框的值
            var Add=document.getElementById('select').value;//获取选择框的值
            var result="";
            if (Add === "+") {
                result = parseFloat(text1) + parseFloat(text2);
            } else if (Add === "-") {
                result=parseFloat(text1) - parseFloat(text2);
            } else if (Add === "*") {
                result=parseFloat(text1) * parseFloat(text2);
            } else {
                result=parseFloat(text1) / parseFloat(text2);
            }//获取通过下拉框来选择的值来改变加减乘除的运算法则
            //设置结果输入框的值
            document.getElementById('fruit').value=result;
        }
    </script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
    <option value='+'>+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' οnclick="count()" /> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>

pythonniu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript模拟计算机的实现

事件 function count(){ var text1=document.getElementById('txt1').value;//获取第一个输入框的值 var text2=document.getElementById('txt2').value;//获取第二个输入框的值 var Add
复制链接

扫一扫