Question

私はjavascriptで何かを計算し、その結果を<span></span>に表示しようとしています。

<script type="text/javascript"> 
window.onload = function() { 
function minus_number() { 
     var first_number = '50'; 
     var second_number = '30'; 
     var result = parseInt(first_number) - parseInt(second_number); 

     document.getElementById('spend').value = result; 
    } 
} 

、それは実際にかかわらず、スパンで結果を表示しません

<p><i class="fa fa-truck"></i>Want free delivery? Spend an extra <span id="spend"></span> for free standard delivery</p> 

HTML、誰でもすることができます： これは私が現時点で持っているコードがあります私が間違っていることを教えてください。

Answer 1

はevent listenerを使用して関数を呼び出し、これを試してみてください。

function minus_number() { 
     var a = document.querySelector("#spend"); 
     var first_number = '50'; 
     var second_number = '30'; 
     var result = parseInt(first_number) - parseInt(second_number); 
     a.innerHTML = result; 
    } 
window.addEventListener("load",minus_number()); 

Answer 2

あなたがinnerHTML代わりのvalueを使用する必要があります document.getElementById('spend').textContent = result;

Answer 3

にこのラインdocument.getElementById('spend').value = result; を変更することができます。

document.getElementById('spend').innerHTML = result; 

valueで

document.getElementById('spend').value = result; 

を交換してフォーム要素とinnerHTMLのためであるあなたが他の要素の内容を設定したい場合に使用されます。

続きを読むについてinnerHTMLdocsで

Answer 4

重要な機能minus_numberは、あなたのコード内で宣言されたが、それは呼び出されませんでした。
また、あなたの代わりにvalueのtextContentまたはinnerHTMLプロパティを使用する必要があります。

<script type="text/javascript"> 
window.onload = function() { 
    function minus_number() { 
     var first_number = '50'; 
     var second_number = '30'; 
     var result = parseInt(first_number) - parseInt(second_number); 

     document.getElementById('spend').textContent = result; 
    } 
    minus_number(); // <--- calling function 
}