JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<div id="outsideContainer">
    <div id="guessContainer">
        <h3> Guess a number between 1 and 10 </h3>

        <input id="txtfield" name="txtfield" type="text" class="value"/><br>

        <a href=" " class="query"> Submit here </a> 
    </div>
    <div id="guessShow">
        <p class="hotter hideStuff" > Getting Hotter!! </p>
        <p class="colder hideStuff"> Getting Colder, BRRR!!! </p>
        <p class="gotIt hideStuff"> Awesome! You have guessed the number </p>
    </div>
    </div>

JavaScript

$('#guessContainer').find('.value')[0].value = "whoa";