Why doesn't my div show when i use Javascript?

Asked May 19 '20 at 04:09

Active May 19 '20 at 04:13

Viewed 20 times

So, I am building a site with an alert, so basically what happens is when you get on, after 10s a div alert shows, alerting the user. My Javascript should be correct but I do not know where I have gone wrong. Can someone please help me?

const scripter = document.getElementsByClassName('alertor')
setInterval(showElement, 200)

function showElement() {
  scripter.style.display = 'block';
}

.alertor {
  width: 100%;
  height: 125px;
  background: #f086ec;
  display: none;
}

<div class="alertor">
  <h1> Just a nice warming welcomer </h1>
  <p> Welcome user! How are you today? </p>
</div>

And nothing shows! The Javascript isn't responding and I don't know why. Can someone please help me?

edited May 19 '20 at 04:12

Barmar

741,623
53
500
612

asked May 19 '20 at 04:09

RingGamesCompany

1

use document.getElementsByClassName('alertor')[0] – Shoma May 19 '20 at 04:13
Didn't you see the error message in the console? – Barmar May 19 '20 at 04:13
No I did not. I will see the console – RingGamesCompany May 19 '20 at 04:15

Why doesn't my div show when i use Javascript?

0 Answers0