JSFiddle - React, Tailwind, and code Playground

by Joshua Dwire

HTML

<img src="d1.gif" name="mydice">
    <form>
    <input type="button" value="Roll" onclick="rollDice()">
    </form>

JavaScript

var faces=[]
    var numFaces=6;
    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.images["mydice"].src=faces[randomdice].src;
    }