Holaa, estoy intentando hacer un button que cuando le de click aparezca un div con texto y cuando este se cierre se restablezca los el style de "display" a block para que así si vuelven a dar click, se les vuelva a mostrar el div. LLevo hecho esto, pero no funciona, muestra la propiedad del div en la consola pero poco más. HTML CODE:
<div id="supra_grrr">
<h3 class="grrr"> ¡Hola de nuevo <span class='value'></span>! </h3>
<div class="supra_grr">
<p class="supra_grr_p">
Hemos detectado que ya has completado nuestro formulario.
<br>
Por favor, sé paciente y estate pendiente al número que nos has dado<br>
porque en breve nos pondremos en contacto contigo para finalizar la contratación!
</p>
<button id="fundacion">
¿Te has equivocado en algún dato?
</button>
<div class="gr" id="gr">
<div class="close_d" id="close_d">
<button class="none" id="close"><i class="fas fa-times"></i></button>
<p> Uf, suele pasar, haz click en el siguiente botón para contactar con nosotros.</p>
<button>
<a href="https://www.wa.me/" target="_parent">Whatsapp</a>
</button>
</div>
</div>
</div>
</div>
Javascript code:
<script>
var detected = localStorage.getItem('such');
console.log(detected);
if (detected <= 0){
console.log('nothing to do here');
}
else{
console.log('jisus');
document.getElementById("supra_grrr").style.display = "block";
document.getElementById("completed_form").style.display = "none";
document.querySelector('.grrr .value').innerHTML = detected;
$(".grrr .value").html(detected);
}
</script>
<script>
$("#fundacion").on('click', function () {
// $(".gr").addClass("inutil");
console.log('pressed');
document.getElementById("gr").style.display = "block";
});
</script>
<script>
$("#close").on('click', function () {
// $(".gr").addClass("inutil");
console.log('pressed');
document.getElementById("close_d").style.display = "none";
});
</script>
<script>
$("#fundacion").on('click', function () {
var element = document.querySelector('#close_d');
var tt = element.computedStyleMap().get('display');
console.log(element);
if (tt === "none") {
document.getElementById("gr").style.display = "block";
console.log('changed');
}else{
console.log('det');
}
});
</script>