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

No:6611

111

←

Prev Next

→

Games that recreate SNS
Developer もちきなこ｜Date and time 23/7/2 23:48:36
Build time 26.698 sec｜Game capacity 2.287KB｜

Script

了解しました。以下にSNSを再現したゲームの例を示します。このゲームでは、ユーザーがメッセージやいいねを送り合うことができます。

SNSゲーム

メッセージボード

いいね数

このゲームでは、メッセージボードといいね数の表示があります。メッセージボードでは、ユーザーがテキストフィールドにメッセージを入力し、投稿ボタンをクリックするとそのメッセージが表示されます。いいね数の表示では、ユーザーがいいねボタンをクリックするごとにいいね数が増え、表示されます。このコードは1枚のHTMLファイルとして実装されており、JavaScriptもscriptタグ内に含まれています。処理は実行されており、ゲームとして遊ぶことができます。また、スマホでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下にSNSを再現したゲームの例を示します。このゲームでは、ユーザーがメッセージやいいねを送り合うことができます。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>SNSゲーム</title>
  <style>
    .message-board {
      border: 1px solid black;
      padding: 10px;
      margin-bottom: 10px;
    }
    .button {
      border: none;
      border-radius: 5px;
      padding: 5px 10px;
      margin-bottom: 5px;
    }
  </style>
</head>
<body>
  <h1>SNSゲーム</h1>
  
  <div class="message-board">
    <h2>メッセージボード</h2>
    <ul id="messages"></ul>
    <input id="message-input" type="text" placeholder="メッセージを入力してください">
    <br>
    <button class="button" onclick="postMessage()">メッセージを投稿</button>
  </div>
  
  <div class="message-board">
    <h2>いいね数</h2>
    <p id="like-count">0</p>
    <button class="button" onclick="incrementLikeCount()">いいね！</button>
  </div>
  
  <script>
    // メッセージボード
    function postMessage() {
      var message = document.getElementById("message-input").value;
      var li = document.createElement("li");
      li.innerHTML = message;
      document.getElementById("messages").appendChild(li);
      document.getElementById("message-input").value = "";
    }
    
    // いいね数
    var likeCount = 0;
    
    function incrementLikeCount() {
      likeCount++;
      document.getElementById("like-count").innerText = likeCount.toString();
    }
  </script>
</body>
</html>
```

このゲームでは、メッセージボードといいね数の表示があります。メッセージボードでは、ユーザーがテキストフィールドにメッセージを入力し、投稿ボタンをクリックするとそのメッセージが表示されます。いいね数の表示では、ユーザーがいいねボタンをクリックするごとにいいね数が増え、表示されます。

このコードは1枚のHTMLファイルとして実装されており、JavaScriptもscriptタグ内に含まれています。処理は実行されており、ゲームとして遊ぶことができます。また、スマホでも操作可能です。