Cara Menghitung Rata-rata dari sebuah Nilai dengan Sebuah Javascript

Kemarin kita sudah bisa menghitung jumlah dari sebuah array ya, dan disini kita akan kembangkan lagi dengan kita belajar cara menghitung rata-rata dari sebuah nilai dengan sebuah javascript, jadi ketika kita sudah bisa menghitung jumlah total dari sebuah array, disini kita bisa memanfaatkan ya dengan menghitung rata-ratanya.teman-teman masih ingat ya cara meghitung dari sebuah nilai, jika belum jangan kemana-mana soalnya seaat lagi kita akan melanjutkan belajarnya.

Jadi cara menghitung rata-rata dari sebuah nilai dengan sebuah javascript, adalah dengan menghitung total dari sebuah nilainya, yang saya sudah share kemarin ya pada artikel sebelumnya, dan jika kita sudah bisa mendapatkan total nilainya, lalu kita bagi dengan banyak nilainya ada berapa, seperti itu, oke supaya tambah paham, kasusnya disini adalah saya menghitung jumlah rata-rata nilai dari seorang murid. seperti ini:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" >
</head>
<body>
<div class="container">
    <div class="col-md-12">
        <h1 class="text-center text-primary">Cara Menghitung Rata-rata dari sebuah Nilai dengan Sebuah Javascript</h1>
        <table class="table table-striped">
            <thead>
              <tr>
                <th scope="col">No</th>
                <th scope="col">Nama Lengkap</th>
                <th scope="col">Mata Pelajaran</th>
                <th scope="col">Nilai</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td>Edi situ Orang</td>
                <td>Matematika</td>
                <td>40</td>
              </tr>
              <tr>
                <th scope="row">2</th>
                <td>Edi situ Orang</td>
                <td>Bahasa Indonesia</td>
                <td>54</td>
              </tr>
              <tr>
                <th scope="row">3</th>
                <td>Edi situ Orang</td>
                <td>Bahasa Inggris</td>
                <td>25</td>
              </tr>
              <tr>
                <th scope="row">4</th>
                <td>Edi situ Orang</td>
                <td>fisika</td>
                <td>46</td>
              </tr>
              <tr>
                <th scope="row">5</th>
                <td>Edi situ Orang</td>
                <td>kimia</td>
                <td>37</td>
              </tr>
              <tr>
                <th scope="row">6</th>
                <td>Edi situ Orang</td>
                <td>Biologi</td>
                <td>55</td>
              </tr>
              <tr>
                <th scope="row">7</th>
                <td>Edi situ Orang</td>
                <td>ekonomi</td>
                <td>57</td>
              </tr>
              <tr>
                <th scope="row">8</th>
                <td>Edi situ Orang</td>
                <td>sosiologi</td>
                <td>66</td>
              </tr>
              <tr>
                <th scope="row">9</th>
                <td>Edi situ Orang</td>
                <td>geografi</td>
                <td>67</td>
              </tr>
              <tr>
                <th scope="row">10</th>
                <td>Edi situ Orang</td>
                <td>Tata Boga</td>
                <td>70</td>
              </tr>
              <tr>
                <th scope="row">11</th>
                <td>Edi situ Orang</td>
                <td>Menari</td>
                <td>80</td>
              </tr>
              <tr class="bg-success">
                <th>Total Nilai:</th>
                <td></td>
                <td></td>
                <td><span id="total" class="text-warning"></span></td>
              </tr>
              <tr class="bg-danger">
                <th>Rata-rata:</th>
                <td></td>
                <td></td>
                <td><span id="rata2" class="text-warning"></span></td>
              </tr>
              <tr class="bg-primary text-center">
                
                <td colspan="4"><span id="kelulusan" class="text-warning"></span></td>
              </tr>
            </tbody>
          </table>
    </div>
</div>
<script>
    var totalNode = document.getElementById("total")
    var rata2 = document.getElementById("rata2")
    var kelulusan = document.getElementById("kelulusan")

    var nilai = [40,54, 25, 46, 37, 55, 57, 66, 67, 70, 80];
    var total = 0;
    var bnykNilai = nilai.length;
    for(var i = 0; i<nilai.length; i++){
        total +=nilai[i]
    }
    var rata = (total/bnykNilai);
    totalNode.innerHTML = `<strong>${total}</strong>`
    rata2.innerHTML = `<strong>${rata.toFixed(2)}</strong>`
    if(rata > 60 && rata < 100){
        kelulusan.innerHTML = `<strong>NAIK KELAS</strong>`
    }else{
        kelulusan.innerHTML = `<strong>TIDAK NAIK KELAS</strong>`
    }
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" ></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" ></script>
</body>
</html>

Cukup panjang ya, karena disini saya men designnya dengan table dari bootstrap, supaya lebih cantik, oiya disini saya juga memberikan hasil dimana ketika nilainya itu lebih dari 60 maka di nyatakan naik kelas, jika tidak makan tidak naik kelas, seperti apa, hasilnya seperti ini:

Dan hasilnya seperti di atas, bisa teman-teman lihat ya, karena nilai rata-ratanya kurang dari 60 maka anak itu tidak lulus, oke saya rasa cukup sampai disini belajar kita tentang cara menghitung rata-rata dari sebuah nilai dengan sebuah javascript, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.