Click here for free DL of the app version that can save data.

No:35141

Play the lottery tickets you can pick a neither to..ALL
Developer User16436｜Date and time 24/1/13 11:39:55
Build time 24.928 sec｜Game capacity 7.501KB｜

Script

Sure, here's a simple HTML game that allows you to play the lottery. This game assumes smartphone operation and uses pictograms to represent numbers.

Lottery Game

Choose your numbers:

Choose the game:

To play the game, open the HTML file in a web browser, either on your smartphone or desktop. The game will allow you to select numbers and choose the type of game you want to play (Lottery, Pick Three, Pick Four, or Keno) using a dropdown menu. After selecting numbers and game type, click the "Play" button to see the result. The game will display whether you won or not along with the prize amount, if applicable.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

Sure, here's a simple HTML game that allows you to play the lottery. This game assumes smartphone operation and uses pictograms to represent numbers.

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Lottery Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
      .number {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-color: #eee;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 40px;
        margin: 5px;
        cursor: pointer;
      }
      .selected {
        background-color: #007bff;
        color: #fff;
      }
      #result {
        margin-top: 20px;
        font-weight: bold;
      }
      button {
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #007bff;
        border: none;
        color: #fff;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Lottery Game</h1>
    <h3>Choose your numbers:</h3>
    <div id="numbers">
      <div class="number">1</div>
      <div class="number">2</div>
      <div class="number">3</div>
      <div class="number">4</div>
      <div class="number">5</div>
      <div class="number">6</div>
      <div class="number">7</div>
      <div class="number">8</div>
      <div class="number">9</div>
      <div class="number">10</div>
    </div>
    <h3>Choose the game:</h3>
    <select id="gameType">
      <option value="none">Select Game</option>
      <option value="lottery">Lottery ($100)</option>
      <option value="pickThree">Pick Three ($150)</option>
      <option value="pickFour">Pick Four ($100)</option>
      <option value="keno">Keno ($100,000)</option>
    </select>
    <div id="playArea"></div>
    <div id="result"></div>
    <button id="playButton" disabled>Play</button>
  
    <script>
      // Check if all required JavaScript has been loaded
      document.addEventListener("DOMContentLoaded", function() {
      
        // Store the selected numbers
        var selectedNumbers = [];
      
        // Event listener for number selection
        document.getElementById("numbers").addEventListener("click", function(event) {
          var number = event.target;
          if (!selectedNumbers.includes(number.textContent)) {
            number.classList.add("selected");
            selectedNumbers.push(number.textContent);
          } else {
            number.classList.remove("selected");
            selectedNumbers = selectedNumbers.filter(function(num) {
              return num !== number.textContent;
            });
          }
          validateSelection();
        });
      
        // Event listener for game type selection
        document.getElementById("gameType").addEventListener("change", function() {
          var playArea = document.getElementById("playArea");
          playArea.innerHTML = "";
          var gameType = this.value;
          if (gameType === "lottery" || gameType === "pickFour") {
            for (var i = 0; i < 4; i++) {
              playArea.innerHTML += '<input type="number" min="1" max="10" required>';
            }
          } else if (gameType === "pickThree") {
            for (var j = 0; j < 3; j++) {
              playArea.innerHTML += '<input type="number" min="1" max="10" required>';
            }
          }
          validateSelection();
        });
      
        // Event listener for play button
        document.getElementById("playButton").addEventListener("click", function() {
          var gameType = document.getElementById("gameType").value;
          var inputs = document.querySelectorAll("#playArea input");
          var selectedValues = Array.from(inputs).map(function(input) {
            return input.value;
          });
          var result = document.getElementById("result");
          result.textContent = "You played: " + selectedValues.join(", ");
          if (gameType === "lottery") {
            if (selectedValues.length !== 4) {
              result.textContent += " - Please select 4 numbers.";
              result.style.color = "red";
            } else if (selectedValues.every(function(el) {
              return selectedNumbers.includes(el);
            })) {
              result.textContent += " - Congratulations! You won $100!";
              result.style.color = "green";
            } else {
              result.textContent += " - Sorry, you didn't win.";
              result.style.color = "red";
            }
          } else if (gameType === "pickThree") {
            if (selectedValues.length !== 3) {
              result.textContent += " - Please select 3 numbers.";
              result.style.color = "red";
            } else if (selectedValues.every(function(el) {
              return selectedNumbers.includes(el);
            })) {
              result.textContent += " - Congratulations! You won $150!";
              result.style.color = "green";
            } else {
              result.textContent += " - Sorry, you didn't win.";
              result.style.color = "red";
            }
          } else if (gameType === "pickFour") {
            if (selectedValues.length !== 4) {
              result.textContent += " - Please select 4 numbers.";
              result.style.color = "red";
            } else if (selectedValues.every(function(el) {
              return selectedNumbers.includes(el);
            })) {
              result.textContent += " - Congratulations! You won $100!";
              result.style.color = "green";
            } else {
              result.textContent += " - Sorry, you didn't win.";
              result.style.color = "red";
            }
          } else if (gameType === "keno") {
            if (selectedValues.length !== 10) {
              result.textContent += " - Please select 10 numbers.";
              result.style.color = "red";
            } else if (selectedValues.every(function(el) {
              return selectedNumbers.includes(el);
            })) {
              result.textContent += " - Congratulations! You won $100,000!";
              result.style.color = "green";
            } else {
              result.textContent += " - Sorry, you didn't win.";
              result.style.color = "red";
            }
          }
        });
      
        // Helper function to validate selection
        function validateSelection() {
          var gameType = document.getElementById("gameType").value;
          var playButton = document.getElementById("playButton");
          var selectedNumbersCount = selectedNumbers.length;
          if (gameType === "none") {
            playButton.disabled = true;
          } else if (gameType === "lottery" || gameType === "pickFour") {
            playButton.disabled = selectedNumbersCount < 4;
          } else if (gameType === "pickThree") {
            playButton.disabled = selectedNumbersCount < 3;
          } else if (gameType === "keno") {
            playButton.disabled = selectedNumbersCount < 10;
          }
        }
      
      });
    </script>
  </body>
</html>
```