Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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>
