JavaScriptによる計算結果をPOSTしたい
解決したいこと
掲題の通りとなります。HTMLで簡単な計算機を作り、画面遷移させたくなかった為、JavaScriptを組み込み、【計算】ボタン押下でテキストボックスに計算結果が表示される様になっています。【登録】ボタン押下で次の画面に移動しますが、その際、計算結果をPOSTしたいのです。
PHP、JavaScript、HTMLの学習を始めたばっかりの駆け出しです。大変見づらいコードとは思いますが、ご指導の程、何卒よろしくお願い致します。
該当するソースコード
<form class="〇〇〇" method="POST" action="〇〇〇.php" >
<table class="ta1">
<tr>
<th class = "〇〇〇">A</th>
<th class = "〇〇〇">B</th>
<th class = "〇〇〇" >C</th>
<th class = "〇〇〇">D</th>
</tr>
<tr>
<td style="position:relative">〇〇〇</td>
<td style="position:relative">〇〇〇</td>
<td style="position:relative">
<input id="total" name="" class="box" type="text" readonly="">
</td>
<td style="position:relative" width="40%">
<input type="number" pattern="^[a-zA-Z0-9]+$" class="box_1" name="a" id="count1">
<input type="number" pattern="^[a-zA-Z0-9]+$" class="box_1" name="b" id="count2">
<input type="number" pattern="^[a-zA-Z0-9]+$" class="box_1" name="c" id="count3">
<input type="number" pattern="^[a-zA-Z0-9]+$" class="box_1" name="d" id="count4">
<input type="number" pattern="^[a-zA-Z0-9]+$" class="box_1" name="e" id="count5">
<input type="button" class="calc-btn" onclick="sample()" value="計算">
<input type="button" class="calc-btn" id="b1" value="クリア" onclick="textClear()" />
</td>
</tr>
</table>
<input type="submit" class="calc-btn" value="登録">
</form>
``
<script>
function sample(a,b,c,d,e) {
var num_1 = document.getElementById("count1").value;
var num_2 = document.getElementById("count2").value;
var num_3 = document.getElementById("count3").value;
var num_4 = document.getElementById("count4").value;
var num_5 = document.getElementById("count5").value;
if (num_1 != 0) {
var num_1 = document.getElementById("count1").value;
}
else{
var num_1 = 0;
}
if (num_2 != 0) {
var num_2 = document.getElementById("count2").value;
}
else{
var num_2 = 0;
}
if (num_3 != 0) {
var num_3 = document.getElementById("count3").value;
}
else{
var num_3 = 0;
}
if (num_4 != 0) {
var num_4 = document.getElementById("count4").value;
}
else{
var num_4 = 0;
}
if (num_5 != 0) {
var num_5 = document.getElementById("count5").value;
}
else{
var num_5 = 0;
}
var num_6 = parseInt(num_1) + parseInt(num_2) + parseInt(num_3) + parseInt(num_4) + parseInt(num_5);
const lean_value = document.getElementById('total').value = num_6;
}
</script>
0 likes
