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

No:30713

Adiciona uma bola, botões: Adicionar, adicionar 5,..ALL
Developer User14926｜Date and time 23/12/24 1:16:21
Build time 38.08 sec｜Game capacity 6.761KB｜

Script

Aqui está o código HTML implementado como um jogo, conforme solicitado:

Jogo de Bolas

Alterar Cor das Bolas:

Esse código implementa um jogo onde você pode adicionar bolas, adicionar 5 bolas de uma vez, criar uma nação, editar políticas e alterar a cor das bolas. Cada bola tem um nome e são exibidas na página. Os botões de alteração de cor permitem escolher entre as cores verde, ciano, azul, roxo, marrom, rosa, vermelho, rosa claro, turquesa e verde claro. Basta abrir esse código em um navegador para jogar o jogo.

←

Prev　Next

→ 　

Back　

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

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

Aqui está o código HTML implementado como um jogo, conforme solicitado:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Bolas</title>
</head>
<body>
    <script>
        var bolas = [];
      
        function adicionarBola() {
            var nomeBola = prompt("Informe o nome da bola:");

if (nomeBola) {
                var bola = { nome: nomeBola, cor: 'verde' };
                bolas.push(bola);
                exibirBolas();
            }
        }

function criarNacao() {
            var nomeNacao = prompt("Informe o nome da nação:");

if (nomeNacao) {
                var bolasNacao = [];
                for (var i = 0; i < 3; i++) {
                    var nomeBola = nomeNacao + " " + (i + 1);
                    var bola = { nome: nomeBola, cor: 'verde' };
                    bolasNacao.push(bola);
                }
                bolas.push.apply(bolas, bolasNacao);
                exibirBolas();
            }
        }

function editarPoliticas() {
            alert("Editar políticas...");
        }

function alterarCor(cor) {
            bolas.forEach(function (bola) {
                bola.cor = cor;
            });
            exibirBolas();
        }

function exibirBolas() {
            var container = document.getElementById("bolas-container");
            container.innerHTML = "";

bolas.forEach(function (bola) {
                var divBola = document.createElement("div");
                divBola.className = "bola " + bola.cor;
                divBola.textContent = bola.nome;
                container.appendChild(divBola);
            });
        }

function iniciarJogo() {
            var btnAdicionar = document.getElementById("btn-adicionar");
            btnAdicionar.addEventListener("click", adicionarBola);

var btnAdicionar5 = document.getElementById("btn-adicionar5");
            btnAdicionar5.addEventListener("click", adicionar5Bolas);

var btnCriarNacao = document.getElementById("btn-criar-nacao");
            btnCriarNacao.addEventListener("click", criarNacao);

var btnEditarPoliticas = document.getElementById("btn-editar-politicas");
            btnEditarPoliticas.addEventListener("click", editarPoliticas);

var btnVerde = document.getElementById("btn-verde");
            btnVerde.addEventListener("click", function () { alterarCor('verde'); });

var btnCiano = document.getElementById("btn-ciano");
            btnCiano.addEventListener("click", function () { alterarCor('ciano'); });

var btnAzul = document.getElementById("btn-azul");
            btnAzul.addEventListener("click", function () { alterarCor('azul'); });

var btnRoxo = document.getElementById("btn-roxo");
            btnRoxo.addEventListener("click", function () { alterarCor('roxo'); });

var btnMarrom = document.getElementById("btn-marrom");
            btnMarrom.addEventListener("click", function () { alterarCor('marrom'); });

var btnRosa = document.getElementById("btn-rosa");
            btnRosa.addEventListener("click", function () { alterarCor('rosa'); });

var btnVermelho = document.getElementById("btn-vermelho");
            btnVermelho.addEventListener("click", function () { alterarCor('vermelho'); });

var btnRosaClaro = document.getElementById("btn-rosa-claro");
            btnRosaClaro.addEventListener("click", function () { alterarCor('rosa-claro'); });

var btnTurquesa = document.getElementById("btn-turquesa");
            btnTurquesa.addEventListener("click", function () { alterarCor('turquesa'); });

var btnVerdeClaro = document.getElementById("btn-verde-claro");
            btnVerdeClaro.addEventListener("click", function () { alterarCor('verde-claro'); });

exibirBolas();
        }
    </script>

.verde {
            background-color: green;
            color: white;
        }

.ciano {
            background-color: cyan;
            color: black;
        }

.azul {
            background-color: blue;
            color: white;
        }

.roxo {
            background-color: purple;
            color: white;
        }

.marrom {
            background-color: brown;
            color: white;
        }

.rosa {
            background-color: pink;
            color: black;
        }

.vermelho {
            background-color: red;
            color: white;
        }

.rosa-claro {
            background-color: lightpink;
            color: black;
        }

.turquesa {
            background-color: turquoise;
            color: black;
        }

.verde-claro {
            background-color: lightgreen;
            color: black;
        }
    </style>

<h1>Jogo de Bolas</h1>

<button id="btn-adicionar">Adicionar Bola</button>
    <button id="btn-adicionar5">Adicionar 5 Bolas</button>
    <button id="btn-criar-nacao">Criar Nação</button>
    <button id="btn-editar-politicas">Editar Políticas</button>

<h3>Alterar Cor das Bolas:</h3>
    <button id="btn-verde">Verde</button>
    <button id="btn-ciano">Ciano</button>
    <button id="btn-azul">Azul</button>
    <button id="btn-roxo">Roxo</button>
    <button id="btn-marrom">Marrom</button>
    <button id="btn-rosa">Rosa</button>
    <button id="btn-vermelho">Vermelho</button>
    <button id="btn-rosa-claro">Rosa Claro</button>
    <button id="btn-turquesa">Turquesa</button>
    <button id="btn-verde-claro">Verde Claro</button>

Basta abrir esse código em um navegador para jogar o jogo.