JSFiddle - React, Tailwind, and code Playground

by Yuriy Tarabanko

HTML

<div id="container">
    <input type="text" id="inputField" value=""/> 
    
</div>

JavaScript

function start() {
    var inputField = document.querySelector('#inputField');
    // Works if addSomething() is commented out.
    addSomething();
    console.log(inputField);
    doSomething(inputField);
}

function addSomething() {
    var container = document.querySelector('#container');
    container.insertAdjacentHTML('beforeend', '<div class="something"></div>');
}

function doSomething(el) {
    el.value = 'Some random input';
}


start();