Question
I am trying to create a button that when you click on it it will create a pop up. This is not working. what am
I am trying to create a button that when you click on it it will create a pop up.
This is not working. what am i doing wrong?
and how do i create the pop up button? im not sure how. thank you
.hidden {
display: none;
}
#modal {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
}
document.getElementById("button").addEventListener("click",()=>{
document.getElementById("modal").classList.remove("hidden");
});
document.getElementById("close-modal").addEventListener("click",()=>{
document.getElementById("modal").classList.add("hidden");
});
This is a pop-up!
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started