Al pulsar la X no se cierra el aviso, quiero que al pulsar en la X se cierre esta noticia

Home » Snippets » Al pulsar la X no se cierra el aviso, quiero que al pulsar en la X se cierre esta noticia
0

Created with:

Visibility: 

public

Creator: lumigam@gmail.com

Customize with WPTurbo AI
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.

Register an account to save your snippets or go Pro to get more features.