How to make your HTML Slots online?

HTML Slots

Here is an example of HTML Slots. Feel free to try it out.

Slot Machine
Reel 1 Reel 2 Reel 3

Creating HTML slots is very easy. Just copy and paste the below HTML code in a new page

<!DOCTYPE html>
<title>Slot Machine</title>
<table id="slot-machine">
      <th>Reel 1</th>
      <th>Reel 2</th>
      <th>Reel 3</th>
      <td id="reel1"></td>
      <td id="reel2"></td>
      <td id="reel3"></td>

<button id="spin">Spin</button>

const symbols = [

let reel1 = document.getElementById("reel1");
let reel2 = document.getElementById("reel2");
let reel3 = document.getElementById("reel3");

function spin() {
  reel1.innerHTML = symbols[Math.floor(Math.random() * symbols.length)];
  reel2.innerHTML = symbols[Math.floor(Math.random() * symbols.length)];
  reel3.innerHTML = symbols[Math.floor(Math.random() * symbols.length)];

document.getElementById("spin").addEventListener("click", spin);

Leave a Reply

Your email address will not be published. Required fields are marked *

Casino Bonus
100$ Bonus with 100 Free Spins
100% Bonus Up To 1500 + 50 Free Spins
25 No Deposit Free Spins & 100% Bonus up to €1000