Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Guess what the cat's name is's game | AI game creator

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

No:1857

2520

←

Prev Next

→

Guess what the cat's name is
Developer User3422｜Date and time 23/6/19 8:57:36
Build time 13.878 sec｜Game capacity 2.042KB｜

Script

I have created a game in a single HTML file, including JavaScript, that can be played on both desktop and mobile devices with lots of emojis. The game is a guessing game where the player has to guess the name of the cat. Here is the code:

Guess the cat’s name!

What do you think the cat’s name is?

The game presents the player with an image of a cute cat and asks them to guess the name of the cat. The player types their guess into a text input field and clicks a button to submit their answer. If the answer is correct, a congratulatory message with emojis is displayed. If the answer is incorrect, a message with emojis indicating so is displayed. Have fun playing and guessing the cat’s name! 🐾😸

←

Prev　Next

→ 　

Back　

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

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

Here is the code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Guess the cat's name!</title>
<style>
body {
  text-align: center;
  font-family: Arial, sans-serif;
}
#question {
  font-size: 1.5em;
  margin-top: 2em;
}
#input {
  margin-top: 1em;
  font-size: 1em;
  padding: 0.5em;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 2px 5px #888888;
}
#submit {
  margin-top: 1em;
  padding: 0.5em 1em;
  font-size: 1em;
  border-radius: 5px;
  border: none;
  background-color: #FFC0CB;
  color: white;
  box-shadow: 0px 2px 5px #888888;
  cursor: pointer;
}
#result {
  font-size: 1.5em;
  margin-top: 2em;
}
</style>
</head>
<body>
<h1>Guess the cat's name!</h1>
<img src="cat.png" alt="cat" width="200" height="200">
<p id="question">What do you think the cat's name is?</p>
<input id="input" type="text">
<button id="submit">Submit</button>
<p id="result"></p>
<script>
var catName = "Whiskers";
var inputField = document.getElementById("input");
var submitButton = document.getElementById("submit");
var resultField = document.getElementById("result");
submitButton.addEventListener("click", function() {
  var guess = inputField.value;
  if (guess.toLowerCase() === catName.toLowerCase()) {
    resultField.innerHTML = "🎉 Congrats, you guessed it right! 🎉";
  } else {
    resultField.innerHTML = "❌ Sorry, that's not the cat's name. ❌";
  }
});
</script>
</body>
</html>

Have fun playing and guessing the cat's name! 🐾😸