JSFiddle - React, Tailwind, and code Playground

by John Brown

HTML

<div id="add"></div>
<br>
<div id="concat"></div>
<br>
<button id="btnAdd">Add</button>
<br>
<button id="btnConcat">concat</button>

JavaScript

(function () {
    var one = 1;
    var two = 2;

    var add = function () {
        var inputEl = document.getElementById("add");
        var sum = one + two;
        inputEl.innerHTML = sum;
    }
    
    var concat = function () {
        var oneString = one.toString();
        var twoString = two.toString();
        var inputE2 = document.getElementById("concat");
        inputE2.innerHTML = oneString.concat(twoString);
    }
    
    document.getElementById("btnAdd").addEventListener("click", add, false);
    document.getElementById("btnConcat").addEventListener("click", concat, false);
}());