Cara menggunakan buat slider dengan javascript

Header Slider adalah salah satu teknik desain website yang ditujukan untuk memberikan efek eksentrik dan ganda pada identitas website yang menerapkannya. Tampilan slider header terlihat simpel dengan kontras dua warna yang selaras satu sama lain. Baik pemilihan warna maupun font pada header merupakan bentuk kreatifitas dari sang desainer itu sendiri

Ada banyak cara untuk menerapkan gaya dari header slider, mulai dari alat yang dikhususkan untuk membuat desain dinamis (seperti GSAP, Materialize, dan SCSS) hingga boilerplate yang dikhususkan untuk membuat tata letak situs web (seperti UIKit dan Bootstrap). Aplikasi yang sama juga dapat dilakukan melalui bahasa pemrograman web bawaan, yaitu CSS dan Javascript

Pada artikel kali ini, penulis akan membuat efek slider header hanya dengan menggunakan base CSS dan Javascript sebagai media desain website

Cara Membuat Efek Header Slider Dengan Javascript

1. Siapkan text editor (baik notepad, sublime text, atau aplikasi sejenis) sebagai media pengetikan syntax nantinya

2. Buat file bernama index. html yang berisi kode berikut

<html>
  <head>
    <title>Inwepo Header Slider</title>
    <style>
    </style>
  </head>
  <body>
    <script>
    </script>
  </body>
</html>

3. Pada bagian