Radio-Buttons als Submit-Buttons Javascript?

Question

Hallo ich entwickle Rechner in Javascript nur für Übungszwecke. Das ist mein HTML-Code.

<h1 id="h1">Calculator</h1> 
<input type="text" id="vaLue" name="val1"> 
<input type="submit" value="+" onclick="cal()" id="plus"> 
<input type="submit" value="-" onclick="cal()" id="minus"> 
<input type="submit" value="*" onclick="cal()" id="mul"> 
<input type="submit" value="/" onclick="cal()" id="devide"> 
<input type="submit" value="=" onclick="cal()" id="equal"> 

JavaScript-Code

function cal(){ 

    var val1 = document.getElementById('vaLue').value; 
    var errormessage = 'enter value'; 
    var plu= document.getElementById('plus').value; 
    var minu= document.getElementById('minus').value; 
    var mult= document.getElementById('mul').value; 
    var div= document.getElementById('devide').value; 
    var equ= document.getElementById('equal').value; 

    if(val1.length == 0) { 

      var error = document.getElementById('error'); 
      error.innerHTML= errormessage; 
      return; 


    } 

    if (val1.length != 0){ 
     var bt=document.getElementById('h1'); 
      calc= val1+plu; 
    bt.innerHTML=calc; 
    val1=null; 
    } 


} 

ich diese Bedientasten verwenden möchten als Submit-Button zufällig verwendet werden entsprechend ihrer Funktionen. Ich dachte, sie zu Radio-Buttons mit dem gleichen Namen-Attribut zu konvertieren, aber ich weiß nicht, wie Radio Button als Übermittlungsschaltfläche fungieren.

auch wenn Sie mir sagen können, wie man den Variablenwert null definiert.

danke für Ihre fachkundige Beratung im Voraus.

Grüße Dheeraj

Answer 1

Hoffe, Sie sind lookiing so etwas wie dieses ..

var sum = 0; 
 

 
var inputVal = document.getElementById('vaLue'); 
 

 
function div() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum/inputNum); 
 
} 
 

 
function mul() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum * inputNum); 
 
} 
 

 
function sub() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum - inputNum); 
 
} 
 

 
function add() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum + inputNum); 
 
} 
 

 
function showResult(value) { 
 
    sum = value 
 
    document.getElementById('result').innerHTML = value; 
 
}

#result { 
 
    font-weight: bold; 
 
}

<h1 id="h1">Calculator</h1> 
 
<input type="text" id="vaLue" name="val1"> 
 
<input type="submit" value="+" onclick="add()" id="plus"> 
 
<input type="submit" value="-" onclick="sub()" id="minus"> 
 
<input type="submit" value="*" onclick="mul()" id="mul"> 
 
<input type="submit" value="/" onclick="div()" id="devide"> 
 
<div id="result">0</div>

Answer 2

var sum = 0; 
 

 
var inputVal = document.getElementById('vaLue'); 
 

 
function div() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum/inputNum); 
 
} 
 

 
function mul() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum * inputNum); 
 
} 
 

 
function sub() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum - inputNum); 
 
} 
 

 
function add() { 
 

 
    var inputNum = parseFloat(inputVal.value) || 0; 
 
    showResult(sum + inputNum); 
 
} 
 

 
function showResult(value) { 
 
    sum = value 
 
    document.getElementById('result').innerHTML = value; 
 
}

#result { 
 
    font-weight: bold; 
 
}

<h1 id="h1">Calculator</h1> 
 
<input type="text" id="vaLue" name="val1"> 
 
<input type="submit" value="+" onclick="add()" id="plus"> 
 
<input type="submit" value="-" onclick="sub()" id="minus"> 
 
<input type="submit" value="*" onclick="mul()" id="mul"> 
 
<input type="submit" value="/" onclick="div()" id="devide"> 
 
<div id="result">0</div>