JSFiddle - React, Tailwind, and code Playground

by Chris Smith

HTML

<div id="output"></div>

JavaScript

var Outside = function () {
    this.MyVariable = 'Hi';
    this.PersistVariables = 'Oops';
}

Outside.prototype.GenerateHTML = function () {
    var that = this;
    
    var localHTML = "<a href='#' id='link' onclick='Outside.prototype.Respond(\"" + that.MyVariable + "\");'>Click Me</a>";
    $("#output").html(localHTML);
}


Outside.prototype.Respond = function (whatVariable) {
    var that = this;
    
    alert(whatVariable);
    alert(that.PersistVariables);
    
}




$(document).ready(function () {
    var out = new Outside();
    out.GenerateHTML();
});