hid0 · November 10, 2020 02:11
diff --git a/newbie_js b/newbie_js
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Js Starting</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        b {
            text-decoration: none;
            color: green;
        }
    </style>
 </head>
 <body>
    <div id="app">
        <div id="hari"></div>
        <div id="tanggal"></div>
        <div id="jam"></div>
    </div>
    <script>
        // create variable
        var myDays   = ['Sabtu', 'Ahad', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum\'at']
        var myMonths = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']
        let dates = new Date()
        let day = dates.getDay()
        let date = dates.getDate()
        let month = dates.getMonth()
        let year = dates.getFullYear()
        let hour = dates.getHours()
        let minute = dates.getMinutes()
        let second = dates.getSeconds()
        
        var myDays = myDays[day]
        var myMonths = myMonths[month]
        // change code 0 to first array
        // switch (day) {
        //     case 0:
        //         day = 'Ahad'
        //         break;
        //     case 1:
        //         day = 'Senin'
        //         break;
        //     case 2:
        //         day = 'Selasa'
        //         break;
        //     case 3:
        //         day = 'Rabu'
        //         break;
        //     case 4:
        //         day = 'Kamis'
        //         break;
        //     case 5:
        //         day = 'Jum\'at'
        //         break;
        //     case 6:
        //         day = 'Sabtu'
        //         break;
        //     default:
        //         break;
        // }

        // switch (month) {
        //     case 0:
        //         month = 'Januari'
        //         break;
        //     case 1:
        //         month = 'Februari'
        //         break;
        //     case 2:
        //         month = 'Maret'
        //         break;
        //     case 3:
        //         month = 'April'
        //         break;
        //     case 4:
        //         month = 'Mei'
        //         break;
        //     case 5:
        //         month = 'Juni'
        //         break;
        //     case 6:
        //         month = 'Juli'
        //         break;
        //     case 7:
        //         month = 'Agustus'
        //         break;
        //     case 8:
        //         month = 'September'
        //         break;
        //     case 9:
        //         month = 'Oktober'
        //         break;
        //     case 10:
        //         month = 'Nopember'
        //         break;
        //     case 11:
        //         month = 'Desember'
        //         break;
        //     default:
        //         break;
        // }

        // intialize id on tag div
        const hari = document.querySelector('#hari')
        const tanggal = document.querySelector('#tanggal')
        const jam = document.querySelector('#jam')

        // next adding day, date, and hours to that's div
        hari.innerHTML = `Hari <b>${myDays}</b>`
        tanggal.innerHTML = `Tanggal <b>${date} ${myMonths} ${year}</b>`
        jam.innerHTML = `Jam <b>${hour}:${minute}:${second}</b>`
    </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Js Starting</title>
	<style>
	* {
	padding: 0;
	margin: 0;
	}
	b {
	text-decoration: none;
	color: green;
	}
	</style>
	</head>
	<body>
	<div id="app">
	<div id="hari"></div>
	<div id="tanggal"></div>
	<div id="jam"></div>
	</div>
	<script>
	// create variable
	var myDays = ['Sabtu', 'Ahad', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum\'at']
	var myMonths = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']
	let dates = new Date()
	let day = dates.getDay()
	let date = dates.getDate()
	let month = dates.getMonth()
	let year = dates.getFullYear()
	let hour = dates.getHours()
	let minute = dates.getMinutes()
	let second = dates.getSeconds()

	var myDays = myDays[day]
	var myMonths = myMonths[month]
	// change code 0 to first array
	// switch (day) {
	// case 0:
	// day = 'Ahad'
	// break;
	// case 1:
	// day = 'Senin'
	// break;
	// case 2:
	// day = 'Selasa'
	// break;
	// case 3:
	// day = 'Rabu'
	// break;
	// case 4:
	// day = 'Kamis'
	// break;
	// case 5:
	// day = 'Jum\'at'
	// break;
	// case 6:
	// day = 'Sabtu'
	// break;
	// default:
	// break;
	// }

	// switch (month) {
	// case 0:
	// month = 'Januari'
	// break;
	// case 1:
	// month = 'Februari'
	// break;
	// case 2:
	// month = 'Maret'
	// break;
	// case 3:
	// month = 'April'
	// break;
	// case 4:
	// month = 'Mei'
	// break;
	// case 5:
	// month = 'Juni'
	// break;
	// case 6:
	// month = 'Juli'
	// break;
	// case 7:
	// month = 'Agustus'
	// break;
	// case 8:
	// month = 'September'
	// break;
	// case 9:
	// month = 'Oktober'
	// break;
	// case 10:
	// month = 'Nopember'
	// break;
	// case 11:
	// month = 'Desember'
	// break;
	// default:
	// break;
	// }

	// intialize id on tag div
	const hari = document.querySelector('#hari')
	const tanggal = document.querySelector('#tanggal')
	const jam = document.querySelector('#jam')

	// next adding day, date, and hours to that's div
	hari.innerHTML = `Hari <b>${myDays}</b>`
	tanggal.innerHTML = `Tanggal <b>${date} ${myMonths} ${year}</b>`
	jam.innerHTML = `Jam <b>${hour}:${minute}:${second}</b>`
	</script>
	</body>
	</html>