2つの数値を計算する方法、また計算ボタンから結果を得る方法

Question

私はこれまでに多くのことが行われているような、ちょっとした工夫をしたいと思います。私は2つの入力フィールドを作成したいのですが、どこに書きたいかを書き留めた後、計算ボタンを押して計算の結果を見つけます。私は+、 - 、*、および/または+にすることができます。問題は、私はこれらのシンボルを押すと答えが出るコードを作ることができるということです。しかし、私がシンボルをクリックしたときに回答が来るのを望んでいないのではなく、計算ボタンを押したければどうでしょうか？それ、どうやったら出来るの？私とはまったく異なる独自のコードを書かないでください。あなたがどのようにしているかわからない場合は助けてください。ここに私が理解していないものがあります。私が間違っていることと理由を教えてください。ここに私のコードです。

function kalkuler() { 
 

 
    document.getElementById('pluss').onclick; 
 
    document.getElementById('minus').onclick; 
 
    document.getElementById('gange').onclick; 
 
    document.getElementById('dele').onclick; 
 
    document.getElementById('btnKnapp').onclick; 
 

 
    var boks1 = parseInt(document.getElementById('txtBoks1').value); 
 
    var boks2 = parseInt(document.getElementById('txtBoks1').value); 
 

 
    document.getElementById('utskrift').innerHTML; 
 

 

 
    function pluss() { 
 
    document.getElementById('utskrift').value = boks1 + boks2; 
 
    } 
 

 
    function minus() { 
 
    document.getElementById('utskrift').value = boks1 - boks2; 
 
    } 
 

 
    function gange() { 
 
    document.getElementById('utskrift').value = boks1 * boks2; 
 
    } 
 

 
    function dele() { 
 
    document.getElementById('utskrift').value = boks1/boks2; 
 
    } 
 

 
}

Tall 1:<input id="txtBoks1" type="text" name="txtBoks1" /> 
 

 
<br><br> 
 

 
<select name="regnetegn"> 
 
    <option id="pluss" value="pluss" name="+">+</option> 
 
    <option id="minus" value="minus" name="-">-</option> 
 
    <option id="gange" value="gange" name="*">*</option> 
 
    <option id="dele" value="deling" name="/">/</option> 
 
</select> 
 

 
<br><br> 
 

 
Tall 2:<input id="txtBoks2" type="text" name="txtBoks2" /> 
 

 
<br><br> 
 

 
<button onclick="kalkuler" id="btnKnapp" type="button">Kalkuler</button> 
 

 
<p id="utskrift"></p>

Answer 1

またdocument.getElementById('utskrift').innerHTML

に document.getElementById('utskrift').valueを変更

var boks2 = parseInt(document.getElementById('txtBoks1').value); 

var boks2 = parseInt(document.getElementById('txtBoks2').value); 

にselect.Thenの変化から値を取ることができthis.Youをお試しください

function kalkuler() { 
 
    var calcOperation = document.getElementById('calcOption').value; 
 
    /*Remove this 
 
    document.getElementById('pluss').onclick; 
 
    document.getElementById('minus').onclick; 
 
    document.getElementById('gange').onclick; 
 
    document.getElementById('dele').onclick; 
 
    document.getElementById('btnKnapp').onclick;*/ 
 

 
    var boks1 = parseInt(document.getElementById('txtBoks1').value); 
 
    var boks2 = parseInt(document.getElementById('txtBoks2').value); 
 

 
    document.getElementById('utskrift').innerHTML; 
 

 

 
    if (calcOperation == 'pluss') { 
 
    document.getElementById('utskrift').innerHTML = boks1 + boks2; 
 
    } 
 

 
    if (calcOperation == 'minus') { 
 
    document.getElementById('utskrift').innerHTML = boks1 - boks2; 
 
    } 
 

 
    if (calcOperation == 'gange') { 
 
    document.getElementById('utskrift').innerHTML = boks1 * boks2; 
 
    } 
 

 
    if (calcOperation == 'deling') { 
 
    document.getElementById('utskrift').innerHTML = boks1/boks2; 
 
    } 
 

 
}

<label> 
 
    Tall 1: 
 
    <input id="txtBoks1" type="number" name="txtBoks1" /> 
 
</label> 
 

 
</br> 
 
</br> 
 

 
<select name="regnetegn" id="calcOption"> 
 
    <option value="pluss" name="+">+</option> 
 
    <option value="minus" name="-">-</option> 
 
    <option value="gange" name="*">*</option> 
 
    <option value="deling" name="/">/</option> 
 
    </select> 
 

 
</br> 
 
</br> 
 

 
<label> 
 
    Tall 2: 
 
    <input id="txtBoks2" type="number" name="txtBoks2" /> 
 
</label> 
 

 
</br> 
 
</br> 
 

 
<button onclick="kalkuler()" id="btnKnapp" type="button">Kalkuler</button> 
 

 
<p id="utskrift"></p>

Answer 2

問題をいただきました！次のコード

Tall 1:<input id="txtBoks1" type="text" name="txtBoks1" /> 

<br><br> 

<select name="regnetegn" id="regnetegn"> 
    <option id="pluss" value="pluss" name="+">+</option> 
    <option id="minus" value="minus" name="-">-</option> 
    <option id="gange" value="gange" name="*">*</option> 
    <option id="dele" value="deling" name="/">/</option> 
</select> 

<br><br> 

Tall 2:<input id="txtBoks2" type="text" name="txtBoks2" /> 

<br><br> 

<button onclick="kalkuler();" id="btnKnapp" type="button">Kalkuler</button> 

<p id="utskrift"></p> 

<script> 
function kalkuler() { 

    var boks1 = parseInt(document.getElementById('txtBoks1').value); 
    var boks2 = parseInt(document.getElementById('txtBoks2').value); 
    var regnetegn = document.getElementById('regnetegn').value; 
    document.getElementById('utskrift').innerHTML = ''; 

    if(regnetegn == "pluss") 
    pluss(boks1,boks2); 

    if(regnetegn == "minus") 
    minus(boks1,boks2); 

    if(regnetegn == "gange") 
    gange(boks1,boks2); 

    if(regnetegn == "deling") 
    dele(boks1,boks2); 

    return false; 
} 

function pluss(boks1,boks2) { 
    document.getElementById('utskrift').innerHTML = boks1 + boks2; 
} 

function minus(boks1,boks2) { 
    document.getElementById('utskrift').innerHTML = boks1 - boks2; 
} 

function gange(boks1,boks2) { 
    document.getElementById('utskrift').innerHTML = boks1 * boks2; 
} 

function dele(boks1,boks2) { 
    document.getElementById('utskrift').innerHTML = boks1/boks2; 
} 
</script>