Interpreter | Segitiga Bintang Javascript

Javascript menganut konsep Interpreter. Apasih maksutnya? Jadi interpreter itu memungkinkan mesin untuk membaca kode dari atas ke bawah. Proses bacanya relatif lebih cepat, karena tidak menggunakan compiler.

Di sini kita akan mencoba untuk ngebuat segitiga bintang dan bentuk lainnya menggunakan javascript. Yuk intip proses pembuatannya!

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>
*****
****
***
**
*