Tengo una tarea de prueba para mi entrevista. Necesito encontrar un widget roto que contenga un código que entre en conflicto con el trabajo del sitio ( http://elfsight-test.dsotnikov.ru/ ). Necesito decir qué línea rompe el código. Los elementos HTML que podrían ser el widget contendrán eapps o elfsight en su nombre de clase.

Creo que encontré el widget, pero no puedo decir qué está mal con el código. El widget se encuentra en la esquina inferior derecha (es un botón de correo electrónico). Cuando intento enviar un formulario, no pasa nada.

Este es el código, el relacionado con ese widget exacto.

 script.js window.onload = function() { const interval = setInterval(() => { const button = document.querySelector('.eapps-form-button'); if (button) { clearInterval(interval); button.addEventListener('click', function (event) { event.stopPropagation(); }, true); } }, 100); } Script2.js $(document).ready(function () { // toggle mobile menu $('[data-toggle="toggle-nav"]').on('click', function () { $(this).closest('nav').find($(this).attr('data-target')).toggleClass('hidden'); return false; }); // feather icons feather.replace(); // smooth scroll var scroll = new SmoothScroll('a[href*="#"]'); // tiny slider $('#slider-1').slick({ infinite: true, prevArrow: $('.prev'), nextArrow: $('.next'), }); $('#slider-2').slick({ dots: true, arrows: false, infinite: true, slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, centerMode: true, customPaging: function (slider, i) { return '<div class="bg-white br-round w-1 h-1 opacity-50 mt-5" id=' + i + '> </div>' }, responsive: [{ breakpoint: 768, settings: { slidesToShow: 1 } }, ] }); });

Cuando abro el inspector de código, se detiene en la línea 7 event.stopPropagation(); . También sospecho del selector de consultas, porque hay 3 botones con ese nombre de clase.