Mit einem kleinen JS-Code festgefahren

Question

Ich bin mit irgendeinem Teil meiner "Web-App" steckengeblieben ... Alles was ich brauche, ist den Wert der Funktion "calculate" zu sehen, indem man auf den Button "Calculate" klickt. Der Funktionswert sollte im Element mit der Klasse "rez" erscheinen. Hier ist mein Code:

JS

function calculate() { 

    var bmi = teza/(visina*visina); 

    document.getElementsByClassName("rez").value = bmi; 
} 

HTML

<div class="panel-body"> 
    <button type="button" class="btn btn-success btn-md" onclick="calculate()">Calculate</button> 
    <p><b>BMI za izbrano osebo:</b></p> 
    <div class="res"></div> 
</div> 

Answer 1

• Vergessen Sie nicht, Ihre Variablen zu definieren zuerst.
• Verwenden Sie innerHTML anstelle von value.
• Klassenname war wieder s während Sie für re z anriefen.

Versuchen Sie dieses:

function calculate() { 
 
    var teza = 5, 
 
     visina = 3, 
 
     bmi = teza/(visina * visina); 
 

 
    document.getElementsByClassName("res")[0].innerHTML = bmi; 
 
}

<div class="panel-body"> 
 
    <button type="button" class="btn btn-success btn-md" onclick="calculate()">Calculate</button> 
 
    <p><b>BMI za izbrano osebo:</b></p> 
 
    <div class="res"></div> 
 
    </div>

Answer 2

das Problem bei der Klassenauswahl ist, denke ich. Versuchen Sie dies den Wert für die Show:

document.getElementsByClassName("res")[0].innerHTML = bmi;