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=[new Image(),new Image(),new Image(),new Image(),new Image(),new Image()]
    faces[0].src="d1.gif"
    faces[1].src="d2.gif"
    faces[2].src="d3.gif"
    faces[3].src="d4.gif"
    faces[4].src="d5.gif"
    faces[5].src="d6.gif"
    window.rollDice=function(){
        var randomdice= Math.round(Math.random()*5)
        document.images["mydice"].src=faces[randomdice].src;
    }