Всем привет! Судах тау белум? Кара membuat светофор menggunakan javascript? юк simak bagaimana cara membuat светофор! Eitsss tapi setelah melihat ини kalian jangan lupa pelajari lagi lebih dalam agar kalian bisa paham lebih banyak javascript! будаяканские литераторы

1.ПАПКА MEMBUAT

Папка Buat lah terlebih dahulu светофор. Setelah itu buka tex editor dilaptop kalian, di sini saya menggunakan код Visual Studio. Setelah ITU buatlah tiga file seperti digambar ini.

2.ИНДЕКС.HTML

Fungsi HTML adalah sebagai ‘kerangka’, веб-сайт Yang Memberi Struktur Pada. Bagian INDEX.HTML kita isi terlebih dahulu dengan html:5sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web

Di bagian title jangan lupa untuk mengisinya, lalu dibawah title isi dengan link untuk menyambungkan file cssdan javascript,pada bagian bodyisi seperti yang ada pada гамбар дибава ини.

Fungsi tag div pada HTML digunakan untuk mengelompokkan elemen atau bermacam-macam tag agar menjadi suatu grup. Тег div ини juga sering digunakan untuk mendefinisikan ID atau Класс дари CSS. Идентификатор атрибута и атрибут класса adalah dua buah atribut global yang berfungsi untuk memberikan identitas dan pengelompokan terhadap suatu elemen HTML.

Setelah mengisi nya dengan warna pada atribut id dan class, lalu kita akan membuat buttonfungsi untuk menciptakan suatu tombol yang dapat diklik. untuk mengatur warna янь акан dijalankan.

Jika kalian bingung iuntuk apa, fungsinya disini adalah untuk menghasilkan bagian bulat pada светофор.

Используйте тег div с идентификатором атрибута, который можно использовать с кнопкой. Di sini saya menggunakan boostrap 5 button dengan style dari w3school, lalu membut link baru seperti gambar diatas untuk menghubungkan nya.

Fungsi pada включи красный, включи оранжевый, включи зеленый. Adalah untuk menghidupkan setiap warna pada Светофорsecara satu persatu,sedangkan turnOnAll adalah untuk menghidupkan semua warna pada Светофорsecara bersamaan, dan turnOffAll adalah untuk mematikan semua warna pada Светофор.

3.СТИЛЬ.CSS

Fungsi CSS sebagai ‘baju’ , yang memberi warna dan layout pada веб-сайт. Setelah bagian index selesai baru kita akan membuat bagian CSSagar kerangka yang kita buat di indexmenghasilkan objek светофор

  • тело

Карена багиан атрибут класса индекс пада berisikan tulisan body, jadi pada baris kode pertama berisikan body dengan isi margin. Marginpada CSS digunakan untuk memberikan ruang space diluar elemen, bukan didalam elemen. untuk aturan pixel itu sesuai yang kalian butuhkan.

  • Светофор

Pada bagian Traffic Light berisi padding,sebutan untuk spasi atau ruang di antara konten dan batas. Фон, тингги, бордюр сесуай денган кебутухан калиан, биса диатур агар сесуай денган кеингинан масинг-масинг.

  • i

Untuk iitu berfungsi pada bulat yang ada pada светофор, kalian bisa mengaturnya untuk kebutuhan kalian masing-masing, ijuga ada pada bagian index.html

  • Красный

untuk mengatur pewarnaaan dari suatu latar belakang pada selector(elemen html) menggunkan цвет фона, jika kalian ingin menggunkan warna pink juga itu tidak apa-apa, sesuaikan saja dengan keinginan kalian masing-masing

  • Оранжевый

Bagian ini menggunakan warna seperti jeruk, oleh karena itu ditulis оранжевый

  • Зеленый

пада варна зеленый дисини кита менггунакан зеленый туа (хиджау туа) джика ингин менггунакан зеленый экран джуга терсера калиан, сесуайкан саджа денган кейнгинан масинг-масинг

4.JAVASCRIPT

Fungsi JavaScript, sebagai элемент янь membuat веб-сайт menjadi interaktif. Disini kita menggunakan nya agar button pada светофор bisa berjalan dengan menggunakan js

Функция в javascript adalah sebuah block code yang digunakan untuk membungkus suatu proses dengan tujuan agar penulisan code atau proses yang sama tidak ditulis secara berulang kali.

kenapa turnOndipisahkan, karena kita disini ingin menjalankan nya dengan menggunakan button.

Pada dasarnya fungsi dari Document.getElementById() adalah untuk mengambil sebuah value pada inputan yang ada di HTML tentunya dengan syarat element inputan cratsebut memiliki ID , karena fungsi getElementById sesuai namanya, dia akan mengambil value melalui ID. Карена пада ID в HTML Kita menuliskan warna jadi disini Kita memanggil isi didalam ID. Didalam tanda kurung lengkung berisikan warna dari светофор, warna nya sendiri sesuaikan dengan turnOn pada awal baris

Барисан кедуа дан кетига кенапа фон стиля ня косонг, карена кита ханя меманггил сату варна саджа, дан ян лайння тидак акан мениала

Untuk turnOnAlldan turnOffAllhanya membedakan dibagian style background nya saja

Ян terakir kalian hanya perlu meriksa hasil pada index dengan menggunakan google crome, dan seperti ини ян акан dihasilkan. Джика Ада Элрор Калиан Биса Менкари Солуси Сендири И

mohon maaf bila tidak sempurna karena kesempurnaan hanya judul lagu rizky febian :)