Rabu, 06 September 2017

nilai rata rata

<html>

    <head>

        <title>Penjumlahan 2 Variabel</title>

       <style>

                .box {

                    width: 40%;

                    border-radius: 5px;

                    border: 1px solid #9b9b9b;

                    padding: 20px 0px 20px 0px;

                    margin-left: 30%;

                }

                .h2{

                    font-family: calibri;

                    font-weight: lighter;

                    letter-spacing: 3px;

                }

                #bil1{

                    padding: 5px;

                }

        

                #bil2{

                    padding: 5px;

                }

                #hasil{

                    color: #ff0b0b;

                }

                .tbl1{

                    font-family: calibri;

                }

                .btn{

                    padding: 10px;

                    border-radius: 5px;

                    cursor: pointer;

                    border: 0px;

                    color: #fff;

                    background: #3b7fff;

                }

            </style>

  

        <script>

            function Hitung(dat1,dat2,dat3,dat4,dat5,dat6,dat7,dat8,dat9){

                var total,totalrat;

                total = dat1+dat2+dat3+dat4+dat5+dat6+dat7+dat8+dat9;

          

                totalrat = total / 9;

                return totalrat;

            }

        </script>

    </head>

    <body>

        <div class="box">

            <center>

                <h2 class="h2">

Aplikasi Rata-Rata Nilai Mahasiswa</h2>
<table class="tbl1">
<tr>

                <td><label>ALPRO</label></td>

                <td>=</td>

                <td><input id="alpro" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Basis Data</label></td>

                <td>=</td>

                <td><input id="bd" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Program Paket Niaga</label></td>

                <td>=</td>

                <td><input id="ppn" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>PTI</label></td>

                <td>=</td>

                <td><input id="pti" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Matematika</label></td>

                <td>=</td>

                <td><input id="mtk" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Bahasa Inggris</label></td>

                <td>=</td>

                <td><input id="bing" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Rata-Rata</label></td>

                <td>=</td>

                <td><label id="rata_rata"></label></td>

            </tr>
</table>
<br />

  <input class="btn" id="btn" onclick="Ratarata()" type="button" value="Rata-Rata" />

            </center>
</div>
<script>

          function InputData(Bilangan){

            var data;

              data = parseFloat(document.getElementById(Bilangan).value);

            return data;

          }

    

          function Output(data){

              document.getElementById("rata_rata").innerHTML = data;

          }

    

          function Ratarata(){

            //Deklarasi Variable

            var dat1,dat2,dat3,dat4,dat5,dat6,ratarata;

            //Input

            dat1  = InputData("Algoritma Pemrograman");

            dat2  = InputData("Basis Data");

            dat3  = InputData("Paket Program Niaga");

            dat4  = InputData("Pengantar Teknologi Informasi");

            dat5  = InputData("matematika");

            dat6  = InputData("bahasa inggris");
          
            dat6  = InputData("Praktikum Algoritma Pemrograman");
          
            dat6  = InputData("Praktikum Basis Data");

            //Proses

            ratarata = Hitung(dat1,dat2,dat3,dat4,dat5,dat6);

            //OutPut

            Output(ratarata);

          }

    

      </script>

    </body>

</html> Penjumlahan 2 Variabel

Aplikasi Rata-Rata Nilai Mahasiswa

=
=
=
=
=
=
=

Tidak ada komentar:

Posting Komentar