0
X
Add Snippet To Project
New Project
Add To Existing Project
<?php
function wpturbo_render_notice() {
?>
<div class="wpturbo-notice">
<span class="wpturbo-notice-text">Este es un aviso importante</span>
<button class="wpturbo-notice-close">X</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var closeButton = document.querySelector('.wpturbo-notice-close');
var notice = document.querySelector('.wpturbo-notice');
closeButton.addEventListener('click', function() {
notice.style.display = 'none';
});
});
</script>
<?php
}
add_action('wp_footer', 'wpturbo_render_notice');
En el código actualizado, he agregado un bloque de script JavaScript que se ejecutará cuando se cargue el DOM. Dentro de este bloque de script, seleccionamos el botón de cierre y la noticia utilizando el método querySelector. Luego, agregamos un addEventListener al botón de cierre para escuchar el evento de clic. Cuando se hace clic en el botón de cierre, establecemos el estilo display de la noticia en "none", lo que hace que se oculte.
Ahora, cuando el usuario haga clic en la "X", la noticia se cerrará correctamente.