OK、私は過去 5 時間かけて、Web サイト用の小さな 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 であることを知っています。皆さん、助けていただければ幸いです。