Trying to make something disappear in js, but it wont work, cuz im a dumbass and i dont know what i- | Smarter Dev | Page 1

jolly jetty Jan 7, 2023, 12:07 PM

#

https://codepen.io/EamonJaber/pen/OJwWJzg

#

heres the code pen

#

for the best experience, use it in full mode

vital tendon Jan 7, 2023, 12:30 PM

#

Could you just add

for (const dot of dots) {
    dot.style.display = 'none';
}

?

#

In your set timeout probably?

 setTimeout(() => {
    calibrated.style.display = "none";
    for (const dot of dots) {
        dot.style.display = 'none';
    }
 }, 2000);

knotty sandal Jan 7, 2023, 1:46 PM

#

^ What Jacob said works

jolly jetty Jan 7, 2023, 3:53 PM

#

vital tendon Could you just add ```js for (const dot of dots) { dot.style.display = 'none...

thanks, this worked great, but what about making the entire screen dim similar to the calibrated popup

jolly jetty Jan 7, 2023, 5:54 PM

#

knotty sandal ^ What Jacob said works

would you know how to make the entire screen dim similar to the calibrated popup

knotty sandal Jan 7, 2023, 5:55 PM

#

It's an overlaid <div> with black color and opacity set to 0.5

#

You didn't write this code?

jolly jetty Jan 7, 2023, 5:58 PM

#

yeah but i cant get it to show up

#

it wont show up

knotty sandal Jan 7, 2023, 5:58 PM

#

What do you mean by that?

jolly jetty Jan 7, 2023, 5:58 PM

#

hold on

#

would you go in a vc?

#

so i can explain

knotty sandal Jan 7, 2023, 5:59 PM

#

Not gonna do a call right now

#

You can type it out

#

You want the black overlay to show up another time?

#

Don't set it to display: none

jolly jetty Jan 7, 2023, 5:59 PM

#

knotty sandal You want the black overlay to show up another time?

no, i want there to be a black overlauy at all times

#

and when the calibration is finished

#

then it goes away

#

with the dots and the calibrated message

#

#

because now the background it too light

knotty sandal Jan 7, 2023, 6:00 PM

#

It's not visible, because you haven't set it to be visible

jolly jetty Jan 7, 2023, 6:00 PM

#

no

#

thats correct

#

wait

#

shit

knotty sandal Jan 7, 2023, 6:00 PM

#

So, change that?

jolly jetty Jan 7, 2023, 6:01 PM

#

wait wait hold on

knotty sandal Jan 7, 2023, 6:01 PM

#

You knew you set it to be display: none but you don't want it to be that?

Just remove that from there, and you got that done

jolly jetty Jan 7, 2023, 6:03 PM

#

yeah but now it always says calibrated

knotty sandal Jan 7, 2023, 6:03 PM

#

How did you hide the dots?

#

Do the same for that div

jolly jetty Jan 7, 2023, 6:03 PM

#

i want it only to say calibrated when all the dots are clicked

#

alright

knotty sandal Jan 7, 2023, 6:03 PM

#

And you can get the <p> tag inside it, and change that to say nothing or be hidden until you have calibrated things?

#

<p style:"display:none;">?

jolly jetty Jan 7, 2023, 6:04 PM

#

damn dawg

knotty sandal Jan 7, 2023, 6:04 PM

#

You wrote this entire thing, without knowing HTML/CSS?

#

Or basics of it?

jolly jetty Jan 7, 2023, 6:05 PM

#

preciate it tho

knotty sandal Jan 7, 2023, 6:05 PM

#

Figured, cause you had everything basically already there

#

Just didn't know what to do with any of it

jolly jetty Jan 7, 2023, 6:05 PM

#

got this after putting that in the paragraph tag

#

#

it works but the error is there lol

knotty sandal Jan 7, 2023, 6:09 PM

#

Can assign a class instead of inline styling

#

And use CSS to style the element and hide text

jolly jetty Jan 7, 2023, 6:10 PM

#

fixd it w

#

fixed it

knotty sandal Jan 7, 2023, 6:16 PM

#

There you go

#

Probably wouldn't hurt to try things yourself as well

#Trying to make something disappear in js, but it wont work, cuz im a dumbass and i dont know what i-