Latihan JavaScript Dasar

1. Membuat belah ketupat pada HTML dengan javascript


berikut script-nya


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>fahmi belah ketupat</title>
    <script type="text/javascript">
        var i,j,y;

            for(i=10;i>0;i--){
                for(j=1;j<=i-1;j++){
                document.write("&nbsp&nbsp&nbsp");
                }
            for(y=1;y<=10-i+1;y++){
                document.write(" * ");
                }
            for(l=1;l<=10-i;l++){
                document.write(" * ");
                }
                document.write("<br>");
                }
            for(i=1;i<=10;i++){
            for(j=1;j<=i;j++){
                document.write("&nbsp&nbsp&nbsp");
                }
            for(y=1;y<=10-i;y++){
                document.write(" * ");
                }
            for(l=1;l<10-i;l++){
                document.write(" * ");
                }
                document.write(" <br> ");
                }
    </script>
</head>
<body>
</body>
</html>

gambar dibawah ini adalah hasilnya










2. Membuat program pendeteksi lulu/tidaknya seseorang pada HTML dengan javascript

berikut script-nya

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/bootstrap.css" rel="stylesheet" style="text/css"/>
</head>
<body>
<script type="text/javascript">
    var n=prompt("Masukkan nilai");
    n=parseInt(n);
        if (n>=70 && n<=100) {
            document.write ("&nbsp <h1>anda lulus, selamat ...!</h1> <br> &nbsp anda lulus dengan nilai = "+n);
        }
        else if (n<70 && n>=1)  {
            document.write ("&nbsp <h1>anda harus belajar lagi...!</h1 <br> &nbsp nilai anda = "+n)
        }
        else {
            document.write("salah memasukkan nilai, coba lagi")
        }
</script>
</body>
</html>
 
gambar dibawah ini adalah hasilnya








 sekian terimakasih :)





0 komentar: