How to include Javascript in section

[codingenvy]

Hi, I have a pretty simple section but am unable to get the Javascript to run:

<div id="section-soundplayer">
  <script>    
    function hallo(){
      console.log("Hallo");
    }    
  </script>
  <div onclick="hallo()">Click-me</div>
</div>

{% schema %}
  {
    "name": "Soundplayer",
    "settings": [
      {
        "id": "text-box",
        "type": "text",
        "label": "Heading",
        "default": "Title"
      }
    ],
    "presets": [
      {
        "name": "Soundplayer",
        "category": "Soundplayer2"
      }
    ]
  }
{% endschema %}

 Output is Uncaught ReferenceError: hallo is not defined

I have tried to place the script tag at different locations in the file, as well as using {% javascript %} -tags. All versions led to the same error.

What am I missing here?

[JHKCreate]

Hi @codingenvy 

Seems to be working fine on a standard page. Where is this code added?

[codingenvy · Accepted solution]

Hi @JHKCreate,

thank you for the reply - it pointed me in the right direction. For testing purposes I added the section to the Home Page template (Debut). I assumed that it would be enough to add the section to a page in the template editor. Turns out, I had to save the modified template and then the script was working.

[JHKCreate]

Fantastic! Don't forget to mark your answer as a solution to let people know you've solved the issue!