JSFiddle - React, Tailwind, and code Playground

by Pattee Green

JavaScript

function displayDie(die1, die2, die3, die4) {
	switch(die1) {
		case 1:
			document.getElementById("image1").src="images/die1.png";
			break;
		case 2:
			document.getElementById("image1").src="images/die2.png";
			break;
		case 3:
			document.getElementById("image1").src="images/die3.png";
			break;
		case 4:
			document.getElementById("image1").src="images/die4.png";
			break;
		case 5:
			document.getElementById("image1").src="images/die5.png";
			break;
		case 6:
			document.getElementById("image1").src="images/die6.png";
			break;
	}
	
		switch(die2) {
		case 1:
			document.getElementById("image2").src="images/die1.png";
			break;
		case 2:
			document.getElementById("image2").src="images/die2.png";
			break;
		case 3:
			document.getElementById("image2").src="images/die3.png";
			break;
		case 4:
			document.getElementById("image2").src="images/die4.png";
			break;
		case 5:
			document.getElementById("image2").src="images/die5.png";
			break;
		case 6:
			document.getElementById("image2").src="images/die6.png";
			break;
	}
	
		switch(die3) {
		case 1:
			document.getElementById("image3").src="images/die1.png";
			break;
		case 2:
			document.getElementById("image3").src="images/die2.png";
			break;
		case 3:
			document.getElementById("image3").src="images/die3.png";
			break;
		case 4:
			document.getElementById("image3").src="images/die4.png";
			break;
		case 5:
			document.getElementById("image3").src="images/die5.png";
			break;
		case 6:
			document.getElementById("image3").src="images/die6.png";
			break;
	}
	
		switch(die4) {
		case 1:
			document.getElementById("image4").src="images/die1.png";
			break;
		case 2:
			document.getElementById("image4").src="images/die2.png";
			break;
		case 3:
			document.getElementById("image4").src="images/die3.png";
			break;
		case 4:
			document.getElementById("image4").src="images/die4.png";
			break;
		case 5:
			document.getElementById("image4").src="images/die5.png";
			break;
		case...