Skip to content

B
BootcampWebDia6
Commit b214e436 by Cesar Giulano Gonzalez Maqueda
Options

Js Ejercicio 1

parent ab5f9944
Showing with 46 additions and 0 deletions
src/JsDomEj1.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaScript Challenges</title>
<style>
#emailpara{
display: none;
}
</style>
</head>
<body>
<form action="">
<fieldset>
<legend>Email subscriptions</legend>
<p id="Ross">
<label>
<input type="checkbox"
name="subscribe" id="subscribe">
Yes! I would like to receive all of your free candy!
</label>
</p>
<p id="emailpara">
<label>
Email Address:
<input type="text" name="email" id="email">
</label>
</p>
</fieldset>
</form>
<script>
const checkVisible = document.querySelector('#subscribe');
const subscribre = document.querySelector('#emailpara');
subscribre.style.backgroundColor = "blue";
const toggleVisible = ()=>{
const div = document.querySelector("#emailpara");
if (div.style.display !== "block") {
div.style.display = "block";
} else {
alert("Campos Ocultos")
div.style.display = "none";
}
}
checkVisible.addEventListener('click', toggleVisible);
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment