How to execute JavaScript code when click Button in Webflow
Question
I am newbie in Webflow, In Webflow project I want to get button by id and execute some Javascript code when I click this button.
The code I write:
<script>
document.addEventListener('DOMContentLoaded', () => {
let btn = document.getElementById('myButtonId');
btn.addEventListener('click', () => {
// handle the click event
console.log('clicked');
alert("Hello");
});
});
</script>
2 answers
solution1
0 2022-03-15 03:56:03
You'll either need to move the code to the Page Footer,
or wrap the code in the Webflow's recommended "Webflow ready function":
var Webflow = Webflow || {};
Webflow.push(function() {
// Your code goes here
document.addEventListener('DOMContentLoaded', () => {
let btn = document.getElementById('myButtonId');
btn.addEventListener('click', () => {
...
});
});
}); // End Webflow ready function
solution2
-1 2022-03-08 19:55:52
Java script you can call the function any name you want
<script>
function yourFunctionName() {
alert("hello")
};
</script>
HTML
<body>
<button id="myButtonId" onclick="yourFunctionName ()">click here</button>
</body>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Execute Javascript code on HTML button click
How to execute JavaScript code when a user clicks the button multiple times?
javascript code execute on button click but not on enter key presses
How do I get python code to execute properly from a button click when an alert is included as action from the button click?
javascript function execute more times when i click with jquery button
Execute specific code when specific button is click one it
How to minify Javascript code on button click with validations
How to execute .click() code when previous click binding finishes
How to execute asp.net button click event from JavaScript?
How can I execute a JavaScript from a html button click?
Related Tags