JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id='theText' placeholder="hello">
<input type="button" value="clear" onclick='clearText()'>
<input type="button" value="Generate" onclick='generateNum()>

JavaScript

clearText = function(){
 document.getElementById('theText').value = "";
}

generateNum = function(){
 document.getElementById('theText').value = Math.floor(Math.random() * 9999999) + 1111111;
}