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

No:39846

Talkie: Call & Fun Message, Choose The Character T..ALL
Developer User13970｜Date and time 24/1/30 15:18:31
Build time 12.883 sec｜Game capacity 3.843KB｜

Script

Sure, here's an example of a simple game called "Talkie: Call & Fun Message" implemented as a single HTML file using JavaScript and enclosed in script tags:

Talkie: Call & Fun Message

Choose a character to chat

🐱

🐶

🐼

🐰

In this game, you can choose a character to chat with by clicking on their pictogram. The selected character will be highlighted, and a message box will display a placeholder message. You can then type your message in the input box and click "Send" to see your message displayed in the message box. Please note that this is just a basic implementation to demonstrate the game's functionality. You can further enhance it by adding logic to handle character-specific conversations, dynamic responses, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, here's an example of a simple game called "Talkie: Call & Fun Message" implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Talkie: Call & Fun Message</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .character {
            display: inline-block;
            padding: 10px;
            border: 1px solid #ccc;
            cursor: pointer;
        }
        .active {
            background-color: #f0f0f0;
        }
        .message-box {
            width: 300px;
            margin-top: 20px;
            padding: 10px;
            border: 1px solid #ccc;
        }
        .input-box {
            width: 100%;
            margin-top: 10px;
            padding: 5px;
        }
        .btn-send {
            margin-top: 10px;
            padding: 5px 10px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Talkie: Call & Fun Message</h1>
    <h2>Choose a character to chat</h2>
    <div class="character" id="character1">🐱</div>
    <div class="character" id="character2">🐶</div>
    <div class="character" id="character3">🐼</div>
    <div class="character" id="character4">🐰</div>
    <div class="message-box"></div>

// Add active class to selected character
            var character = document.getElementById(characterId);
            character.classList.add('active');

// Show placeholder message for selected character
            var messageBox = document.querySelector('.message-box');
            messageBox.innerText = 'Start chatting with ' + character.innerText;
        }

// Function to handle sending message
        function sendMessage() {
            var messageBox = document.querySelector('.message-box');
            var inputBox = document.querySelector('.input-box');

// Show sent message in message box
            messageBox.innerText += '\nYou: ' + inputBox.value;

// Clear input box
            inputBox.value = '';
        }

// Event listeners for character selection and send button
        document.getElementById('character1').addEventListener('click', function() {
            selectCharacter('character1');
        });
        document.getElementById('character2').addEventListener('click', function() {
            selectCharacter('character2');
        });
        document.getElementById('character3').addEventListener('click', function() {
            selectCharacter('character3');
        });
        document.getElementById('character4').addEventListener('click', function() {
            selectCharacter('character4');
        });
        document.querySelector('.btn-send').addEventListener('click', function() {
            sendMessage();
        });
    </script>
</body>
</html>
```

Please note that this is just a basic implementation to demonstrate the game's functionality. You can further enhance it by adding logic to handle character-specific conversations, dynamic responses, and more.