试图从文本框中获取值,并将其用于Javascript中的数学方程(卷)



我想让它把我输入到文本框中的值拉到变量l w和h中然后算出方程l*w*h并给出答案我不太擅长编码我刚开始学计算机科学很快我就会学计算机科学了我真的很感谢你的帮助

'体积

    body,input{
    font-family: sans-serif;
    color: #000000;
    background-color: #CC0000;
}
  </style>
  </head>
  <script type="text/javascript">
  function RP(){
 var l = document.getElementById('Length').value=l;
 var w  = document.getElementById('Width').value=w;
 var h  = document.getElementById('Height').value=h;
 var answer = l*w*h  
 document.getElementById('Answer').value=answer;
}
</script>
<body>
<form>
<button id="roll" onclick="RP()">Button</button>
<p>Rectangular Prism
<p>Length:
 <input type="text" id='Length' size="3"/>
 <br/>
 Width:
 <input type="text" id='Width'  size= "3"/>
 <br/>
 Height:
 <input type="text" id='Height'  size= "3"/>
 <br/>
 Answer:
 <input type="text" id='Answer'  size="3" disabled='disabled'/>
 <br/>
 <form/>
 </body>
 </html>

"

这里的问题是你的JavaScript函数。你给这个变量赋值两次,这会引起一些混乱。您的RP()函数应该是这样的:

function RP() {
    var l = document.getElementById('Length').value;
    var w = document.getElementById('Width').value;
    var h = document.getElementById('Height').value;
    var answer = l * w * h;
    document.getElementById('Answer').value = answer;
}

小提琴:http://jsfiddle.net/duffmaster33/ZFFQd/

我想你有一些额外的'='符号。而不是尝试:

var l = document.getElementById('Length').value;
 var w  = document.getElementById('Width').value;
 var h  = document.getElementById('Height').value;

你可能还想确保在等式中只使用数字,所以试试:

var l = parseInt(document.getElementById('Length').value);

最新更新