JS If Thenステートメントを数値のチェックボックスにする方法は？

Question

私は、顧客が基本的な見積もりを得るために、自分のウェブサイトの基本料金計算機を作成しようとしています。価格設定の一部については、チェックボックスを作成しようとしています。チェックボックスを選択すると、合計に100が追加されます。ただし、選択されていない場合は、合計は加算されません。私は以下のコードを使用しようとしていますが、私は間違いなく正しいことをしていません。事前にお手伝いいただきありがとうございます。私はJSとHTMLの世界にまったく新しいので、助けてくれてありがとう！

私の現在のjavascriptは以下のとおりです。私は、数字1と数字2をテキストボックスにし、数字3をチェックボックスにしたいと考えています。

var button = document.getElementById("submitButton"); 
button.addEventListener("click", function() { 

var num1 = document.getElementById('Number1').value; 

var num2 = document.getElementById('Number2').value; 

var num3 = if (document.getElementById('Number3').value == 1) 
{ 
document.getElementById('Number3').value = '100'; 
} 
else if (document.getElementById('Number3').value == 0) 
{ 
value = '0'; 
} ; 

var answer = parseInt(num1) + parseInt(num2) + parseInt(num3); 

document.getElementById('Answer').innerHTML = answer; 



}, true); 

Answer 1

に役立ちます。最初のものは次のとおりです。

var num3 = if (document.getElementById('Number3').value == 1) 
{ 
    document.getElementById('Number3').value = '100'; 
} 
else if (document.getElementById('Number3').value == 0) 
{ 
    value = '0'; 
} ; 

これは構文エラーです。また、あなたの入力の値がundefinedではありませんし、それらにデフォルト値を割り当てることを確認する必要があり

var num3 = document.getElementById('Number3').checked ? 100 : 0; 
// condition ? value to return if true : value to return if false 

：

：

var num1 = document.getElementById('Number1').value || 0; 
var num2 = document.getElementById('Number2').value || 0; 

は、実施例を参照してくださいあなたの代わりに三項演算子を使用することができます

var button = document.getElementById("submitButton"); 
 

 
button.addEventListener("click", function() { 
 
    var num1 = document.getElementById('Number1').value || 0; 
 
    var num2 = document.getElementById('Number2').value || 0; 
 
    var num3 = document.getElementById('Number3').checked ? 100 : 0; 
 

 
    var answer = parseInt(num1) + parseInt(num2) + num3; 
 

 
    document.getElementById('Answer').innerHTML = answer; 
 
}, true);

<input id="Number1"/> 
 
<input id="Number2"/> 
 
<input id="Number3" type="checkbox"/> 
 
<button id="submitButton">Go</button> 
 
<div id="Answer"></div>

Answer 2

の代わりに：

var num3 = if (document.getElementById('Number3').value == 1) 

使用：

if(document.getElementById("Number3").checked){ 
//add the values here 
} 

・ホープこれはあなたがあなたのJSで複数のエラーを持っている