Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Mencari Nilai Max Min dan Average Javascript HTML
Suhu, Maaf masih newbie, kalau mau mencari nilai Max Min dan Average dengan input value di 3 kolom HTML ini gimana ya ?
<div class="col-md-2">
<div class="form-floating">
<input type="text" class="form-control" id="LR" value="" onchange="Hasil()">
<label for="floatingInputGrid">Nilai A</label>
</div>
</div>
<div class="col-md-2">
<div class="form-floating">
<input type="text" class="form-control" id="LS" value="" onchange="Hasil()">
<label for="floatingInputGrid">Nilai B</label>
</div>
</div>
<div class="col-md-2">
<div class="form-floating">
<input type="text" class="form-control" id="LT" value="" onchange="Hasil()">
<label for="floatingInputGrid">Nilai C</label>
</div>
2 Jawaban:
<div>untuk jawabanya udah ketemu suhu .. koreksi kalau salah ya..<br><br></div><pre>function Hasil() {
var nodeA = document.getElementById("LR").value
var nodeB = document.getElementById("LS").value
var nodeC = document.getElementById("LT").value
var a = parseInt(nodeA);
var b = parseInt(nodeB);
var c = parseInt(nodeC);
if(a>b && a>c){
console.log(${a}, ${b}, ${c}
)
console.log(a)
}else if(b>a && b>c){
console.log(${a}, ${b}, ${c}
)
console.log(b)
}else if(c>a && c>b){
console.log(${a}, ${b}, ${c}
)
console.log(c)
}
}</pre>
Tanggapan
mungkin agar tidak terlalu panjang bisa pakai Math.max()
<div>Berikut Kode alternatif dari saya<br><br></div><pre><html> <head> <title>JavaScript</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="col-md-2"> <div class="form-floating"> <input type="number" class="form-control" id="LR" value="" onchange="Hasil()"> <label for="floatingInputGrid">Nilai A</label> </div> </div> <div class="col-md-2"> <div class="form-floating"> <input type="number" class="form-control" id="LS" value="" onchange="Hasil()"> <label for="floatingInputGrid">Nilai B</label> </div> </div> <div class="col-md-2"> <div class="form-floating"> <input type="number" class="form-control" id="LT" value="" onchange="Hasil()"> <label for="floatingInputGrid">Nilai C</label> </div> </body> </html>
&lt;script type="text/javascript"&gt;
function Hasil() {
var nodeA = document.getElementById("LR").value
var nodeB = document.getElementById("LS").value
var nodeC = document.getElementById("LT").value
var a = parseInt(nodeA) || 0;
var b = parseInt(nodeB) || 0;
var c = parseInt(nodeC) || 0;
let average = parseFloat((a + b + c) / 3)
console.log('max', Math.max(a,b,c))
console.log('min', Math.min(a,b,c))
console.log('avg', average)
}
&lt;/script&gt;</pre>