求助各位大神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个回答

获取值的代码全部放到函数里面,要不你放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>
showbo
支付宝加好友偷能量挖 回复cuojing0496: 记得采纳了:)
大约 3 年之前 回复
cuojing0496
cuojing0496 谢谢大神!!!
大约 3 年之前 回复

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

cuojing0496
cuojing0496 改成b了也还是不对啊
大约 3 年之前 回复

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐