JSFiddle - React, Tailwind, and code Playground

HTML

<div id="apDiv1">
  
<form id="tirar">
  <p>
    <input type="text" id="dado1" value=1> 
    Dado 1</p>
  <p>
  <input type="text" id="dado2" value=1> Dado 2</p>
  <p>
  <input type="text" id="dado3" value=1> Dado 3
  </p>
  <p>
    <input type="text" id="dado4" value="1" />
Dado 4</p>
  <p>
    <input type="text" id="dado5" value="1" />
Dado 5 </p>
</form>
<input name="Tirar Dados" type="button" onclick="tirardado()" value="Tirar Dados"/>
</div>

CSS

#apDiv1 {
	position: absolute;
	width: 694px;
	height: 904px;
	z-index: 1;
	left: 105px;
	top: 2px;
}

JavaScript

function tirardado(){
    for(var i = 1; i < 6; i++){
        document.getElementById("dado"+i).value = Math.ceil(Math.random()*6);
        }
}