ReferenceError: Can't find variable in function JS

Question

I have this code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>


var newPoint = "<div class='item-point' data-top='" + cY + "' data-left='" + cX + "' id='point" + random + "'>" +
"<div>" +
"<a onclick='test(1);' target='_blank' href='" + url + "'  class='toggle tooltips' title='" + description + "'  data-placement='top' data-html='true' rel='tooltip'><span class='pointFormat'>" + pointCount + "</span></a>" +
"</div>" +
"</div>";

$(".scalize").append(newPoint);


<div class="scalize"></div>

function test(variable) {
   alert(variable);
}

and it's not working. I have error: ReferenceError: Can't find variable: variable.

I have error when I click on link (a href)

How to repair it?

You can't mix javascript and HML like that.

Nick Parsons
– Nick Parsons

2019-02-02 09:10:07 +00:00
Commented Feb 2, 2019 at 9:10 — Nick Parsons
– Nick Parsons, Commented Feb 2, 2019 at 9:10

adiga · Accepted Answer · 2019-02-02 09:18:40Z

1

You need to move all your javascript inside the <script> tag and keep the <div class="scalize"></div> HTML out of it. Like this:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="scalize"></div>

<script>
  let cY, cX, random, url, description, pointCount = "Some text";

  var newPoint = "<div class='item-point' data-top='" + cY + "' data-left='" + cX + "' id='point" + random + "'>" +
    "<div>" +
    "<a onclick='test(1);' target='_blank' href='" + url + "'  class='toggle tooltips' title='" + description + "'  data-placement='top' data-html='true' rel='tooltip'><span class='pointFormat'>" + pointCount + "</span></a>" +
    "</div>" +
    "</div>";

  $(".scalize").append(newPoint);

  function test(variable) {
    alert(variable);
  }
</script>

answered Feb 2, 2019 at 9:18

adiga

35.4k9 gold badges65 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

ReferenceError: Can't find variable in function JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related