Question

我想这样做它将我输入到文本框中的值拉入变量lw和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>

`

Answer 1

我认为你有一些额外的'='标志。而是尝试：

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);

Answer 2

这里的问题是你的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/

HTML尝试从文本框中获取值并将其用于Javascript（Volume）中的数学方程式

2 个答案: