자바 스크립트> JQuery와

Question

내가 좋아하는 스크립트가합니다 :

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

을하고, HTML은 다음과 같습니다

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

지금 VAR의 값은 필드 내에서 보여되지만, 내가 상점 원한다면 보여 안에 <h1></h1> 태그, 내가 뭘해야합니까? jQquery를 사용해야합니까? (실제 결과). 내가 무엇을 할 수 있을지?

Answer 1

document.createElement("h1")을 사용하고 어딘가에 내 케이스에 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> 

자바 스크립트 :

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

사용 #id$() 내부 HTML 요소를 호출합니다.