Apa itu JavaScipt?

Gampangnya, Javascript adalah bahasa pemrograman yang bisa membuat internet bekerja. Lebih lengkapnya, Javascript adalah bahasa pemrograman yang ringan, bersifat dinamis, dan dapat diarahkan untuk oriented programming maupun functional programming.

Javascript biasanya digunakan untuk melakukan perubahan tampilan website, seperti ketika mengklik tombol, menentukan layout, ngasih efek dinamik atau animasi yang lucu-lucu dan menarik. Bagi mereka yang sudah ahli, penggunaan Javascript bisa dimanfaatkan buat bikin game yang advanced plus animasi 2D dan 3D, juga aplikasi yang berhubungan dengan database, lho~




Penugasan JavaScipt

Persegi & Segi Empat
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Persegi</title>
</head>
<body>
    <h2>Persegi</h2><br>
    <p id="Rectangle"></p> 
 
    <script>
        let string = '';
        for (let i = 0; i <= 5; i++) {
            string += '*';
            for (let j = 0; j < 5; j++) {
                string += ' * ';
            }
            string += '<br>';
        }
 
        document.getElementById('Rectangle').innerHTML = string;
    </script>
</body>
</html>
* * * * * *
* * * * * *
* * * * * *
* * * * * *
* * * * * *
* * * * * *
Segitiga Siku - Siku
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Segitiga Biasa</title>
</head>
<body>
    <h2>Segitiga Biasa</h2> <br>
    <p id="triangle"></p>
 
    <script>
        let string = '';
        for (let i = 0; i <= 4; i++) {
            string += '*';
            for (let j = 0; j < i; j++) {
                string += '*';
            }
            string += '<br>';
        }
 
        document.getElementById('triangle').innerHTML = string;
    </script>
</body>
</html>
*
**
***
****
*****
Invers Segitiga Siku - Siku
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Segitiga Terbalik</title>
</head>
<body>
    <h2>Segitiga terbalik</h2><br>
    <p id="triangle"></p>
 
    <script>
        let string = '';
        for (let x = 1; x <= 5; x++) {
            string += '*';
            for (let y = 5; y > x; y--) {
                string += '*';
            }
            string += '<br>'
        }
        document.getElementById('triangle').innerHTML = string;
    </script>
</body>
</html>
*****
****
***
**
*