Using onkeyup in Webflow Forms

Design help Custom code
1

Hi there,

I am trying to use the onkeyup function in Javascript, with my Webflow Form. I have seen an article on this topic which references Google Analytics, however, I am not using GA with this project. It’s a simple calculator tool, with no need for custom event tracking etc.

I have used document.getElementById('myId').setAttribute("onkeyup", "myFunction()"); but it doesn’t have the desired effect.

I am trying to automatically update the output for the form / calculation.

Any help is greatly appreciated!

Here is my site Read-Only: https://preview.webflow.com/preview/grundfoscooling-ca607b563-1992ebd2ad713?utm_medium=preview_link&utm_source=designer&utm_content=grundfoscooling-ca607b563-1992ebd2ad713&preview=437ec144bd3a6b91ec19ae709e69dedc&pageId=62208ab2a559dc23c25bd19e&workflow=preview
(how to share your site Read-Only link)

2

You can use the jQuery Builder for this https://jquery-builder.webflow.io/.

It’ll prob look something like this:

$('.trigger').on('keyup change', function() {
  let calc = $('.target').val();
});