Scripts as part of HTML code created on server

Question

I'm trying to send part of html code generated by server. The code is shown in modal window and everything works except javascript.

I have created small example. The code I'm sending from server (inserted directly into modal body):

<div class="container-fluid">
   <div class="row row-cols-1 row-cols-lg-2 g-4">
      <div class="col">
     <div class="card h-100">
        <div class="card-body">
                <button class="btn btn-primary" type="button" id="MesuringDevicesButton" title="Test" onclick="addDevice()"><span class="material-icons-outlined">add</span></button>
        <script type="text/javascript" src="/sls/layouts/measuringdevices_v1.js"></script>
            </div>
     </div>
      </div>
  </div>
</div>

content of javascript file:

function addDevice(){
   console.log("MeasuringDevices button onclick method.");
}

The problem is, that console writes me error:

109:1 Uncaught ReferenceError: addDevice is not defined at HTMLButtonElement.onclick (109:1:1)

when I load the JS file in page (and not sending the <script> part from server) it works...

Do you know what I'm doing wrong?

Many thanks.

Scripts as part of HTML code created on server

0 Answers0