Soy novato en Webflow, en el proyecto Webflow quiero obtener un botón por id y ejecutar algún código Javascript cuando hago clic en este botón.
El código que escribo:
<script> document.addEventListener('DOMContentLoaded', () => { let btn = document.getElementById('myButtonId'); btn.addEventListener('click', () => { // handle the click event console.log('clicked'); alert("Hello"); }); }); </script>Deberá mover el código al pie de página,
o envuelva el código en la "función preparada para Webflow" recomendada por Webflow:
var Webflow = Webflow || {}; Webflow.push(function() { // Your code goes here document.addEventListener('DOMContentLoaded', () => { let btn = document.getElementById('myButtonId'); btn.addEventListener('click', () => { ... }); }); }); // End Webflow ready functionJava script puede llamar a la función con el nombre que desee
<script> function yourFunctionName() { alert("hello") }; </script>HTML
<body> <button id="myButtonId" onclick="yourFunctionName ()">click here</button> </body>