boutons radio comme soumettre des boutons javascript?

Question

Salut Je développe la calculatrice en javascript juste pour l'exercice. c'est mon code HTML.

<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"> 

code javascript

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; 
    } 


} 

Je veux utiliser ces touches de commande comme le bouton d'envoi à utiliser au hasard, selon leurs fonctions. J'ai pensé à les convertir en boutons radio avec l'attribut même nom, mais je ne sais pas comment faire bouton radio aussi agir comme bouton de soumission.

également si vous pouvez me dire comment définir la valeur de la variable null.

merci pour votre conseil d'expert à l'avance.

Cordialement Dheeraj

Answer 1

espère que vous lookiing quelque chose comme ça ..

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>