How to correctly pass {{ var }} OctoberCMS to javascript?

Question

JavaScript

Replace in given js (active hours), var today = new Date(); values ​​from {{ var }} ?

Something like:

{% set date = "now"|date("H:i:s d.m.Y") %}
{% set hour = date|date("H") %}
{% set min = date|date("i") %}
{% set sec = date|date("s") %}

Paste in https://www.w3schools.com/js/tryit.asp?filename=tr...

<script>
function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('txt').innerHTML =
  h + ":" + m + ":" + s;
  var t = setTimeout(startTime, 500);
}
function checkTime(i) {
  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
  return i;
}
startTime();
</script>

Replaced with

var h = '{{ hour }}'
  var m = '{{ min }}'
  var s = '{{ sec }}'

The clock is no longer active.

Answer 1

Bring it to hidden inputs and pull in the script by IDs. If the script is directly in the template, output it there.