<div id="root"></div>
body {
margin: 20px auto;
font-family: 'Lato';
font-weight: 300;
text-align: center;
}
h1 {
font-family: 'Aclonica';
font-size: 3.5rem;
}
h2 {
font-size: 4rem;
}
xxxxxxxxxx
const rootElem = document.getElementById("root");
function RandomGenerator(props) {
const[randomNumber, setNumber] = React.useState(Math.floor(Math.random()*1000) + props.low);
setTimeout(() => setNumber(Math.floor(Math.random()*1000) + props.low), 2000);
return (
<div class="container">
<h1>Random Number Generator</h1>
<h2>{randomNumber}</h2>
</div>
);
}
let randomElem = (
<>
<RandomGenerator low={500}/>
</>
);
ReactDOM.createRoot(rootElem).render(randomElem);