Diskon 80% terbatas! Masukkan kupon "merdeka" di kelas apa saja

skodev mascot typing keyboard

SKO.DEV

sekolah koding rasa baru

Postingan lainnya

Buku Ini Koding!

Baru!
foto buku programmer - ini koding

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

Kelas Premium!
Belajar Javascript untuk website

cover kelas Javascript

Gunakan kupon "mulaijs" untuk diskon 75 ribu!

show/hide di tiga waktu yang berbeda javascript

membuat show/hide

- show only 12.00 -14.00 id "malam" show, other id hide.

- show only 17.00 - 03.00 id "pagi" show, other id hide.

- show 07.00 - 10.00 span "siang" show, other id hide

<span id="malam" style="background-color:magenta;"> malam </span>
<br/>
<span id="pagi" style="background-color:cyan;"> pagi </span>
<br/>
<span id="siang" style="background-color:orange;"> siang </span>

<script>
            var start = new Date();
			var end = new Date();
            var time = new Date().getTime();

            if (time > start.setHours(12,00) && time < end.setHours(14,00)){
                document.getElementById("malam").style.display = "block";
                document.getElementById("pagi").style.display = "none";
                document.getElementById("siang").style.display = "none";
            }
            else if (time > start.setHours(07,00) && time < end.setHours(10,00)){
                document.getElementById("malam").style.display = "none";
                document.getElementById("pagi").style.display = "block";
                document.getElementById("siang").style.display = "none";
            }

                else (time > start.setHours(17,00) && time < end.setHours(03,00)){
                document.getElementById("malam").style.display = "none";
                document.getElementById("pagi").style.display = "none";
                document.getElementById("siang").style.display = "block";
            }

else  {
                document.getElementById("malam").style.display = "none";
                document.getElementById("pagi").style.display = "none";
                document.getElementById("siang").style.display = "none";
            }
javascript struktur-data
avatar fauzanrozaq
@fauzanrozaq

1 Kontribusi 1 Poin

Diperbarui 4 tahun yang lalu

1 Jawaban:

<div>coba kodenya dibuat seperti ini:&nbsp;</div><pre>&lt;span id="malam" style="background-color:magenta;"&gt; malam &lt;/span&gt; &lt;br/&gt; &lt;span id="pagi" style="background-color:cyan;"&gt; pagi &lt;/span&gt; &lt;br/&gt; &lt;span id="siang" style="background-color:orange;"&gt; siang &lt;/span&gt;

&lt;script&gt; var pagi = document.getElementById("pagi") var siang = document.getElementById("siang") var malam = document.getElementById("malam") var time = new Date().getHours();

if(time &amp;gt;= 12 &amp;amp;&amp;amp; time &amp;lt;= 14){
    malam.style.display = &quot;block&quot;;
    pagi.style.display = &quot;none&quot;;
    siang.style.display = &quot;none&quot;;
}

else if(time &amp;gt;= 17 || time &amp;lt;= 3){
    malam.style.display = &quot;none&quot;;
    pagi.style.display = &quot;none&quot;;
    siang.style.display = &quot;block&quot;;
}

else if(time &amp;gt;= 7 &amp;amp;&amp;amp; time&amp;lt;= 10){
    malam.style.display = &quot;none&quot;;
    pagi.style.display = &quot;block&quot;;
    siang.style.display = &quot;none&quot;;
}

else{
    malam.style.display = &quot;none&quot;;
    pagi.style.display = &quot;none&quot;;
    siang.style.display = &quot;none&quot;;
}

&lt;/script&gt;</pre><div><br><br></div>

avatar NauraFaradisa
@NauraFaradisa

12 Kontribusi 10 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban