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

No:29812

98

Bible stories
Developer User7632｜Date and time 23/12/19 4:30:05
Build time 18.033 sec｜Game capacity 3.124KB｜

Sure! Here's a simple Bible-themed game implemented as a single HTML file, using JavaScript and enclosed in script tags. This game is designed for smartphone operation and uses pictograms to represent certain Bible stories. Let's call it "Bible Quest":

Bible Quest

Match the pictograms with the corresponding Bible stories!

Noah's Ark

Loaves and Fishes

David and Goliath

In this game, there are three pictogram cards representing three different Bible stories: Noah's Ark, Loaves and Fishes, and David and Goliath. The player needs to match the pairs by clicking on the cards. Once two cards are clicked, they will flip over and reveal the corresponding pictograms. If the two cards match, they will remain flipped and the player will be notified of the number of pairs found. If the cards don't match, they will flip back and the player can try again. The game continues until all pairs are found. Note: Replace the image URLs in the HTML code (e.g., "emozi_cat.png", "emozi_rabbit.png", "emozi_apple.png") with your own images or use appropriate filenames.

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here's a simple Bible-themed game implemented as a single HTML file, using JavaScript and enclosed in script tags. This game is designed for smartphone operation and uses pictograms to represent certain Bible stories. Let's call it "Bible Quest":

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bible Quest</title>
</head>
<body style="text-align: center;">

<h1>Bible Quest</h1>
  <p>Match the pictograms with the corresponding Bible stories!</p>
  
  <div id="game-container">
    <div class="card" onclick="flipCard(0)">
      <img src="noahs_ark.png" alt="Noah's Ark">
    </div>
    <div class="card" onclick="flipCard(1)">
      <img src="loaves_fishes.png" alt="Loaves and Fishes">
    </div>
    <div class="card" onclick="flipCard(2)">
      <img src="david_goliath.png" alt="David and Goliath">
    </div>
  </div>
  
  <div id="result"></div>

<script>
    let flippedCards = [];
    let pairsFound = 0;

const cards = [
      { story: "Noah's Ark", img: "noahs_ark.png" },
      { story: "Loaves and Fishes", img: "loaves_fishes.png" },
      { story: "David and Goliath", img: "david_goliath.png" }
    ];

function flipCard(index) {
      if (flippedCards.includes(index) || cards[index].matched) {
        return;
      }
      
      flippedCards.push(index);
      document.getElementsByClassName("card")[index].querySelector("img").src = cards[index].img;
      
      if (flippedCards.length === 2) {
        setTimeout(checkMatch, 1000);
      }
    }

function checkMatch() {
      const card1 = flippedCards[0];
      const card2 = flippedCards[1];
      
      if (cards[card1].story === cards[card2].story) {
        cards[card1].matched = true;
        cards[card2].matched = true;
        pairsFound++;
        document.getElementById("result").textContent = `Pairs found: ${pairsFound}`;
        
        if (pairsFound === cards.length) {
          alert("Congratulations! You found all the pairs!");
        }
      } else {
        document.getElementsByClassName("card")[card1].querySelector("img").src = "";
        document.getElementsByClassName("card")[card2].querySelector("img").src = "";
      }
      
      flippedCards = [];
    }
  </script>

<style>
    .card {
      display: inline-block;
      margin: 10px;
      border: 1px solid black;
      padding: 10px;
      width: 100px;
      height: 150px;
      cursor: pointer;
    }
  </style>

</body>
</html>
```

In this game, there are three pictogram cards representing three different Bible stories: Noah's Ark, Loaves and Fishes, and David and Goliath. The player needs to match the pairs by clicking on the cards. Once two cards are clicked, they will flip over and reveal the corresponding pictograms. If the two cards match, they will remain flipped and the player will be notified of the number of pairs found. If the cards don't match, they will flip back and the player can try again. The game continues until all pairs are found.

Note: Replace the image URLs in the HTML code (e.g., "noahs_ark.png", "loaves_fishes.png", "david_goliath.png") with your own images or use appropriate filenames.