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

No:11208

148

←

Prev Next

→

House dreaming
Developer User4843｜Date and time 23/8/8 13:52:44
Build time 27.617 sec｜Game capacity 3.581KB｜

Script

Sure! Below is an example of a simple "House Dreaming" game implemented as a single HTML file. The game will ask the player a series of questions about their dream house and calculate a final score based on their choices. Please note that this is a basic implementation and can be expanded upon to include more features and interactivity.

Welcome to House Dreaming Game!

What type of house would you prefer?

🏡

🏰

🏯

What view would you like from your house?

🏞️

🌊

🏙️

What color theme do you prefer?

🌈

🏝️

⚪

In this game, players can select their preferred options by clicking on the pictograms. The game evaluates their choices and displays a final score based on their selections. You can expand upon this game by adding more questions, features, and interactivity as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>House Dreaming Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    .question {
      margin-bottom: 20px;
    }
    
    .options {
      display: flex;
      justify-content: center;
    }
    
    .option {
      margin: 0 10px;
      padding: 10px;
      background-color: #f2f2f2;
      cursor: pointer;
    }
    
    .option:hover {
      background-color: #d9d9d9;
    }
    
    #result {
      font-weight: bold;
      margin-top: 30px;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Welcome to House Dreaming Game!</h1>
  
  <div class="question">
    <h2>What type of house would you prefer?</h2>
    <div class="options">
      <div class="option" id="option1">🏡</div>
      <div class="option" id="option2">🏰</div>
      <div class="option" id="option3">🏯</div>
    </div>
  </div>
  
  <div class="question">
    <h2>What view would you like from your house?</h2>
    <div class="options">
      <div class="option" id="option4">🏞️</div>
      <div class="option" id="option5">🌊</div>
      <div class="option" id="option6">🏙️</div>
    </div>
  </div>
  
  <div class="question">
    <h2>What color theme do you prefer?</h2>
    <div class="options">
      <div class="option" id="option7">🌈</div>
      <div class="option" id="option8">🏝️</div>
      <div class="option" id="option9">⚪</div>
    </div>
  </div>
  
  <button onclick="calculateScore()">Calculate Score</button>
  
  <div id="result"></div>
  
  <script>
    function calculateScore() {
      var score = 0;
      
      if (document.getElementById('option1').classList.contains('selected')) {
        score += 10;
      } else if (document.getElementById('option2').classList.contains('selected')) {
        score += 20;
      } else if (document.getElementById('option3').classList.contains('selected')) {
        score += 30;
      }
      
      if (document.getElementById('option4').classList.contains('selected')) {
        score += 10;
      } else if (document.getElementById('option5').classList.contains('selected')) {
        score += 20;
      } else if (document.getElementById('option6').classList.contains('selected')) {
        score += 30;
      }
      
      if (document.getElementById('option7').classList.contains('selected')) {
        score += 10;
      } else if (document.getElementById('option8').classList.contains('selected')) {
        score += 20;
      } else if (document.getElementById('option9').classList.contains('selected')) {
        score += 30;
      }
      
      document.getElementById('result').textContent = "Your dream house score: " + score;
    }
    
    var options = document.getElementsByClassName('option');
    for (var i = 0; i < options.length; i++) {
      options[i].addEventListener("click", function() {
        this.classList.toggle("selected");
      });
    }
  </script>
</body>
</html>
```