I have a Buy Now button and I want to execute a script after someone clicks on the button (include a popup). How can I do that?
This is my button html:
a class="btn-new page-scroll" href="#download" Buy Now
And this is my script I want to include in the html:
<script src="//load.sumome.com/" data-sumo-site-id="52c766d9109394d067f043544daf316657cac8d10a2b099638a1bfce5dfa90e6" async="async"></script>
For me this script doesn`t show any popup, but the script had worked after I clicked Buy Now. Here is the code:
<!DOCTYPE html>
<html>
<head>
<!--Handling the click event I used the jquery library-->
<script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<!-- Buy Now -->
<button class="btn-new page-scroll" href="#download" onclick="loadscript()">Buy Now</button>
<!-- The click event will add the script into the head html tag.
If you want to change the location look after other jquery selector. -->
<script>
function loadscript(){
$('head')
.append("<script src=\"//load.sumome.com/\" data-sumo-site-id=\"52c766d9109394d067f043544daf316657cac8d10a2b099638a1bfce5dfa90e6\" async=\"async\"><\/script>");
}
</script>
</body>
</html>
Use another jQuery selector if you want to add the script into another html tag that have an unique id or class.
