WhatsApp mensagens simuladas pelo HTML com campo de visitação aplicativo compacto um aplicativo para demonstrar aos idosos como é um celular's game

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

No:28931

←

Prev Next

→

WhatsApp mensagens simuladas pelo HTML com campo d..ALL
Developer User14167｜Date and time 23/12/15 6:44:20
Build time 31.121 sec｜Game capacity 1.951KB｜

Script

Celular para Idosos

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo do Celular</title>
<script>
    function mostrarMensagem() {
        var mensagem = document.getElementById("mensagem").value;
        var numero = document.getElementById("numero").value;
        
        var chatBox = document.getElementById("chatBox");
        var mensagemDiv = document.createElement("div");
        mensagemDiv.className = "mensagem";
        
        var numeroSpan = document.createElement("span");
        numeroSpan.className = "numero";
        numeroSpan.textContent = numero;
        
        var mensagemSpan = document.createElement("span");
        mensagemSpan.className = "conteudo-mensagem";
        mensagemSpan.textContent = mensagem;
        
        mensagemDiv.appendChild(numeroSpan);
        mensagemDiv.appendChild(mensagemSpan);
        chatBox.appendChild(mensagemDiv);
        
        document.getElementById("mensagem").value = "";
        document.getElementById("numero").value = "";
    }
</script>
<style>
    #chatBox {
        max-width: 300px;
        margin: auto;
        padding: 10px;
        border: 1px solid #ccc;
        background-color: #f2f2f2;
        border-radius: 5px;
        overflow-y: scroll;
        height: 400px;
    }
    
    .mensagem {
        display: flex;
        margin-bottom: 10px;
    }
    
    .numero {
        background-color: #ccc;
        color: #000;
        padding: 5px;
        border-radius: 5px;
        margin-right: 5px;
    }
    
    .conteudo-mensagem {
        background-color: #4CAF50;
        color: #fff;
        padding: 5px;
        border-radius: 5px;
    }
</style>
</head>
<body>
    <h2>Celular para Idosos</h2>
    
    <div id="chatBox"></div>
    
    <div>
        <input type="text" id="numero" placeholder="Digite o número">
        <input type="text" id="mensagem" placeholder="Digite a mensagem">
        <button onclick="mostrarMensagem()">Enviar</button>
    </div>
</body>
</html>