cuojing0496
cuojing0496
采纳率0%
2017-05-03 11:26 阅读 719

求助各位大神form表单的问题

 <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
var a = doucment.getElementById("text1").value;
a = Number(a);
var b = doucment.getElementById("text2").value;
a = Number(b);
var c;
function showsum(){
    c = a + b;
    return c;
}

function showless(){
    c = a - b;
    return c;
}

function showsmul(){
    c = a * b;
    return c;
}

function showdiv(){
    c = a / b;
    return c;
}

</script>


<style>
p{
    text-align:center;
    font-family:"华文行楷";
    font-size:30px; 
}

</style>

<body>
<p>
购物简易计算器
</p>
<form method="post" action=" ">
      第一个数:
  <input type ="text" id="text1"/><br />

      第二个数:<input type="text" id="text2"/><br />

  <input type="button" id="button1" value="+" onclick="showsum()"/>
  <input type="button" id="button2" value="-" onclick="showless()" />
  <input type="button" id="button2" value="*" onclick="showmul()" />
  <input type="button" id="button2" value="/" onclick="showdiv()" />
  <br />

计算结果:<input type="text" id ="text3" value=c />

</form>
</body>

为什么下面计算结果的text得不到值啊。。。新人初来乍到。。。啥都不懂啊

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • showbo GoCityPass新加坡曼谷通票 2017-05-03 12:33

    获取值的代码全部放到函数里面,要不你放dom前面对象没有生成报错了,就算放dom后面你这样也没有办法得到输入的值,而且也没有设置c的值。。
    document也拼错,一堆问题

     <script>
    var c;
    function showsum() {
        var a = document.getElementById("text1").value;
        a = Number(a);
        var b = document.getElementById("text2").value;
        b = Number(b);
        document.getElementById('text3').value = a + b;
    }
    
    function showless() {
        var a = document.getElementById("text1").value;
        a = Number(a);
        var b = document.getElementById("text2").value;
        b = Number(b);
        document.getElementById('text3').value = a - b;
    }
    
    function showmul() {
        var a = document.getElementById("text1").value;
        a = Number(a);
        var b = document.getElementById("text2").value;
        b= Number(b);
        document.getElementById('text3').value = a * b;
    }
    
    function showdiv() {
        var a = document.getElementById("text1").value;
        a = Number(a);
        var b = document.getElementById("text2").value;
        b = Number(b);
        document.getElementById('text3').value =  a / b;
    }
    
    </script>
    
    
    <style>
        p {
            text-align: center;
            font-family: "华文行楷";
            font-size: 30px;
        }
    </style>
    
    <body>
        <p>
            购物简易计算器
        </p>
        <form method="post" action=" ">
            第一个数:
            <input type="text" id="text1" /><br />
    
            第二个数:<input type="text" id="text2" /><br />
    
            <input type="button" id="button1" value="+" onclick="showsum()" />
            <input type="button" id="button2" value="-" onclick="showless()" />
            <input type="button" id="button2" value="*" onclick="showmul()" />
            <input type="button" id="button2" value="/" onclick="showdiv()" />
            <br />
    
            计算结果:<input type="text" id="text3" value=c />
    
        </form>
    </body>
    
    点赞 2 评论 复制链接分享
  • MathRandom MathRandom 2017-05-03 12:01

    var a = doucment.getElementById("text1").value; a = Number(a);
    var b = doucment.getElementById("text2").value; a = Number(b);
    你的a赋了两次值?

    点赞 评论 复制链接分享
  • ljheee ljheee 2017-05-03 12:38

    var b = doucment.getElementById("text2").value; a = Number(b);

    点赞 评论 复制链接分享

相关推荐