Load html template script on button click

Question

I have a template <script> in my html:

 <script>
         window.daySelected = window.currentdate;
         window.monthSelected = window.currentmonth;
         window.yearSelected = window.currentyear;
 </script>

Here is an example of an external script file loading on a click event: Jquery load script on click event.

Is there a way to load the template script in my html on a click event?

This is already loaded if it is in your HTML. have you tried inspecting your window.daySelected after your page loads? — Zach M.
– Zach M., Commented Jun 7, 2017 at 14:29
What are you trying to do? Because if you want to execute this script on the click event, wrap it in a function and call it onclick: function setDates(){ window.daySelected = window.currentdate; window.monthSelected = window.currentmonth; window.yearSelected = window.currentyear; } and <img src='blah' onclick='setDates()' /> — rickvdbosch
– rickvdbosch, Commented Jun 7, 2017 at 14:29
Do what Rick said, wrap it in a function and call it on click. — Zach M.
– Zach M., Commented Jun 7, 2017 at 14:31

jafarbtech · Accepted Answer · 2017-06-07 14:31:44Z

2

Create a script element and append it into your head tag like the following

function addVals() {
  var sc = document.createElement("script");
  sc.innerHTML = "window.daySelected = window.currentdate; window.monthSelected = window.currentmonth; window.yearSelected = window.currentyear;";
  document.head.appendChild(sc);
}

<input type="button" onclick="addVals()" value="click me" />

answered Jun 7, 2017 at 14:31

jafarbtech

7,0551 gold badge41 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nick zoum · Accepted Answer · 2017-06-07 18:14:57Z

1

If you want to run a whole javascript file do this

var script = document.createElement("script");
script.src = "url"; // replace url with actual url of script
document.head.appendChild(script);

To add a small script from string form

var script = document.createElement("script");
script.innerHtml = "script"; // replace script with actual script
document.head.appendChild(script);

You could also just create a function

function onClick() {
    // insert your code
}

And you can call it by doing onClick(); using JavaScript

You can also call it from a button by doing <button onclick="onClick()">Click Me</button>

Finally you can also call it from a anchor element by doing <a href="javascript:onClick()">Click Me</a>

edited Jun 7, 2017 at 18:14

answered Jun 7, 2017 at 14:30

nick zoum

6,6538 gold badges43 silver badges93 bronze badges

Collectives™ on Stack Overflow

Load html template script on button click

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related