0

好的,在过去的 5 个小时里,我一直在尝试为网站编写一个小的 javascript 代码。

基本上,宽度是 2 或 4 的设置值(用户将使用一个简单的下拉选项)。

长度可以是 1 到 60 之间的任何值。

价格将是固定价格,因此可以隐藏起来。

现在这是我开始面对这种情况的地方,我在将结果吐出到页面上的 div 区域时遇到问题,这就是我目前所拥有的;

<script type="text/javascript">
function only_numbers(value){
  var check_this = value;
  var expression = /^\d*\.*\d*$/;
  if(expression.test(check_this)){ return true; }
  else{ return false; }
}
function calculate(){
 var lengthVal = document.mult.lengthVal.value;
 var heightVal = document.mult.heightVal.value;
 var priceVal = document.mult.priceVal.value
 var showValue = 0;

 if(only_numbers(lengthVal) && only_numbers(heightVal) && only_numbers(priceVal)){
   var showValue = ((lengthVal * heightVal) * 1.25) * priceVal;
   //      showValue = Math.round(showValue * 100) / 100;
   document.getElementById('showValue').innerHTML = "showValue";
 }else{
   alert("Please enter only numerical values.");
 }

}
  </script>

 </head>

 <body>
 <form name="mult">
 Length: <input type="text" name="lengthVal" /> <br />
 Height: <input type="text" name="heightVal" /> <br />
 Price: <input type="text" name="priceVal" /> <br />
 <input type="button" value="Calculate" onClick="calculate()" />
</form>

<div id="showValue"></div>

我知道我没有将价格分类为隐藏,只是一个开放变量atm,请大家帮忙,任何帮助都会很棒。

4

1 回答 1

3
document.getElementById('showValue').innerHTML = "showValue";

您可能想在其中写入变量值,而不是字符串“showValue”。所以你应该使用:

document.getElementById('showValue').innerHTML = showValue;
于 2013-08-12T14:54:39.973 回答