Javascript множественным если в функции

Question

я путать об использовании нескольких, если в одной функции этот код не работает

function hitung(){ 
    document.getElementById("judul").innerHTML = "Hasil Perhitungan Biaya"; 

    if(document.getElementById('merk').value == "vario") { 
     document.getElementById("motor").innerHTML = "Merk Motor : Vario"; 
    }; 
    if(document.getElementById('merk').value == "Beat") { 
     document.getElementById("motor").innerHTML = "Merk Motor : Beat"; 
    }; 
    if(document.getElementById('merk').value == "Megapro") { 
     document.getElementById("motor").innerHTML = "Merk Motor : Mega Pro"; 
    } 
    if(document.getElementById('merk').value == "supra") { 
     document.getElementById("motor").innerHTML = "Merk Motor : Supra X"; 
    }; 
} 

я попробовать использовать еще, если только он не будет работать тоже кто-нибудь может помочь мне с этим простой вопрос?

Answer 1

Кажется, что все хорошо. Вот demo. Я тоже очистил ваш код. Ваша проблема может быть вызвана тем, как вы вызываете свою функцию.

HTML:

<div id="judul"></div> 
<input type="text" id="merk" /> 
<div id="motor"></div> 
<button id="start">Start</button> 

JS:

function hitung() { 
    judul.innerHTML = "Hasil Perhitungan Biaya"; 

    if (merk.value == "vario") { 
     motor.innerHTML = "Merk Motor : Vario"; 
    }; 
    if (merk.value == "Beat") { 
     motor.innerHTML = "Merk Motor : Beat"; 
    }; 
    if (merk.value == "Megapro") { 
     motor.innerHTML = "Merk Motor : Mega Pro"; 
    } 
    if (merk.value == "supra") { 
     motor.innerHTML = "Merk Motor : Supra X"; 
    }; 
} 

var judul = document.getElementById("judul"); 
var merk = document.getElementById('merk'); 
var motor = document.getElementById("motor"); 

document.getElementById('start').onclick = hitung;