JSFiddle - React, Tailwind, and code Playground

by Joshua Dwire

HTML

<img src="d1.gif" id="mydice">
<div id="dice"></div>
<button onclick="rollDice()">roll</button>

JavaScript

var faces=[]
var numFaces=100;
for(var i=1;i<=numFaces;i++){
    var img=new Image();
    img.src='d'+i+'.gif';
    faces.push(img);
}
window.rollDice=function(){
    var randomdice= Math.floor(Math.random()*numFaces);
    document.getElementById('mydice').src=faces[randomdice].src;
    document.getElementById('dice').innerHTML='side '+(randomdice+1);
}