Javascript> jquery

Question

ich habe ein Skript wie:

<script> 
function vatCalculation() { 
    var netto = document.getElementById('netto').value; 
    var lordo = parseFloat(parseFloat(netto)/parseFloat(0.8)).toFixed(2); 
    var ritenuta = parseFloat(parseFloat(lordo) * parseFloat(0.2)).toFixed(2); 

    document.getElementById('lordo').value = lordo; 
    document.getElementById('ritenuta').value = ritenuta; 
} 
</script> 

und die html ist:

<input name="netto" id="netto" type="number" maxlength="20" min="0" placeholder="00.00" onchange="vatCalculation();" /> 

<input name="lordo" id="lordo" type="text" maxlength="20" min="0" placeholder="00.00" readonly="true" /> 

<input name="ritenuta" id="ritenuta" type="text" maxlength="20" min="0" placeholder="00.00" readonly="true" /> 

nun der Wert von var innerhalb des Feldes gezeigt werden, aber wenn ich tho es will zeigen innerhalb <h1></h1> Tag, was ich brauche? Brauchen Sie jQquery? (Für Live-Ergebnisse). Was kann ich tun?

Answer 1

Verwenden Sie document.createElement("h1") und irgendwo anhängen, in meinem Fall an eine div.

function vatCalculation() { 
 
    var netto = document.getElementById('netto').value; 
 
    var lordo = parseFloat(parseFloat(netto)/parseFloat(0.8)).toFixed(2); 
 
    var ritenuta = parseFloat(parseFloat(lordo) * parseFloat(0.2)).toFixed(2); 
 

 
    document.getElementById('lordo').value = lordo; 
 
    document.getElementById('ritenuta').value = ritenuta; 
 
    
 
    var h1 = document.createElement("h1"); 
 
    var node = document.createTextNode('Lordo :'+lordo); 
 
    var h2 = document.createElement("h1"); 
 
    var node2 = document.createTextNode('Ritenuta :'+ritenuta); 
 
    h1.appendChild(node); h2.appendChild(node2); 
 

 
    var element = document.getElementById("show"); 
 
    element.innerHTML = ''; 
 
    element.appendChild(h1); element.appendChild(h2); 
 
}

<input name="netto" id="netto" type="number" maxlength="20" min="0" placeholder="00.00" onchange="vatCalculation();" /> 
 

 
<input name="lordo" id="lordo" type="text" maxlength="20" min="0" placeholder="00.00" readonly="true" /> 
 

 
<input name="ritenuta" id="ritenuta" type="text" maxlength="20" min="0" placeholder="00.00" readonly="true" /> 
 
<div id="show"></div>

Answer 2

HTML:

<h1 id="res">Result : </h1> 

Javascript:

<script> 
$("#res").html(lordo); //Here's what you need to display. 
</script> 

Verwenden #id innerhalb $() html-Element zu nennen.