結果をJAVAスクリプトで出力する必要があります

Question

私はJavascriptを初めて使用していますので、乗算関数の結果を出力する必要があります。 添付画像

続きを見つけてくださいコードです：コメントはgetElementByIdにgetelemtByIdを変更し、parseIntにparseintを変更、示唆したように

function multiply() { 
 
    var a = document.getelemtById("weight").value; 
 
    var b = document.getelemtById("cost").value; 
 
    var myResult = document.getElementById('result'); 
 
    var myResult = parseint(a) * parseint(b); 
 
}

<span> 
 
    <center> 
 
    <h3> Calculation of Shipping charge </h3> 
 
    <label for = "weight"> Total Prodcut Weight </label> 
 
    <input type = "text" name = "Total Prodcut Weight" id = "weight" > <br> 
 

 
    <br> 
 

 
    <label for = "cost" > Shipping cost(per kg) < /label> 
 
    <input type = "text" name = "Shipping cost(per kg)" id = "cost" > 
 
    <br> 
 
    <br> 
 
    <button type = "button" onclick = multiply() > compute </button> 
 

 
<br> 
 
<div id="result"></div>

enter image description here

Answer 1

。結果を表示するには、を#resultに変更しました。私はあなたのコードを編集した

<script type="text/javascript"> 
 
    function multiply() { 
 
    var a = document.getElementById("weight").value; 
 
    var b = document.getElementById("cost").value; 
 
    var myResult = document.getElementById('result'); 
 
    myResult.innerHTML = parseInt(a) * parseInt(b); // removed var 
 
    } 
 
</script> 
 
<span> 
 
<center> 
 
<h3>Calculation of Shipping charge</h3> 
 
<label for="weight">Total Prodcut Weight</label> <!-- Prodcut should be Product--> 
 
    <input type="text" name="Total Prodcut Weight" id="weight"><br> 
 

 
    <br> 
 

 
     <label for="cost">Shipping cost(per kg)</label> 
 
<input type="text" name="Shipping cost(per kg)" id="cost"> 
 
<br> 
 
<br> 
 
<button type="button" onclick=multiply()>compute</button> 
 
</center> 
 
       </span> 
 
<br> 
 
<div id="result"> 
 
    <center>

Answer 2

が

function multiply() { 
 
    var a = document.getElementById("weight").value; 
 
    var b = document.getElementById("cost").value; 
 
    //var myResult = document.getElementById('result'); 
 
    var myResult = parseInt(a) * parseInt(b); 
 
    document.getElementById('result').innerHTML=myResult 
 
    console.log(myResult) 
 
}

<h3>Calculation of Shipping charge</h3> 
 
<label for="weight">Total Prodcut Weight</label> 
 
<input type="text" name="Total Prodcut Weight" id="weight"><br> 
 

 
<br> 
 

 
<label for="cost">Shipping cost(per kg)</label> 
 
<input type="text" name="Shipping cost(per kg)" id="cost"> 
 
<button type="button" onclick=multiply()>compute</button> 
 
<div id="result"></div>