Konnte durch zwei divs nicht gefunden werden

Question

$(document).ready(function(){ 
    var a = document.getElementById("mrp4"); 
    var b = document.getElementById("mrp2"); 
    document.getElementsByClassName("dis").innerHTML = ((b.innerHTML*100)/a.innerHTML); 
} 

Ich versuche, den Prozentsatz zwischen der Menge meiner zwei multiplen Produkte herauszufinden. Ich habe JavaScript verwendet, um den Betrag mit der jetzt ausgewählten Menge zu erhöhen. Kann ich Klassen zu meinen gleichen divs hinzufügen oder kann ich mit IDs gehen, da id'd gleich ist nur die Klasse ist in loop?

<div id= "mrp4">200 </div> 
<div id= "mrp2">100 </div> <div id= "mrp2">120 </div> 
<div class= "dis">50 </div> 
<div class= "dis">40 </div> 

Answer 1

Hier habe ich es auch ein wenig aufgeräumt.

(function() { 
 
    var a = parseInt(document.getElementById("mrp4").innerHTML, 10); 
 
    var b = parseInt(document.getElementById("mrp2").innerHTML, 10); 
 
    var perc = (b * 100/a); 
 
    console.log(a, b) 
 
    document.getElementById("dis").innerHTML = "% " + perc; 
 
})();

<div id="mrp4">200</div> 
 
<div id="mrp2">100</div> 
 
<div id="dis"></div>