Ir ao conteúdo
  • Cadastre-se

Programadora Iniciante

Membro Júnior
 Perfil  Explorar Conteúdo

  • Posts

    18

  • Cadastrado em

  • Última visita

Reputação

16
  1. Programadora Iniciante
    Olá, @Alexsander Gutierrez ! Muito obrigada!Isso não seria possível sem a sua ajuda.Vale mencionar que você me ajudou muito. Em relação à imagem, em que parte do código acima posso colocá-la, sem desconfigurar esse código, por gentileza?Além disso, a mensagem "Parabéns!" está sobreposta no caça-palavras: quando a pessoa acerta todas as palavras, ela fica em cima do quadrado do caça palavras e perde a visibilidade por isto.Por favor, também poderia ajudar-me com isto?Grata. Cordialmente, Programadora Iniciante
  2. Programadora Iniciante
    Olá, pessoal! Conforme combinado, publico nesta postagem: o caça-palavras sobre Meios de transporte que consegui desenvolver com base nos códigos de vocês.Infelizmente, não consegui inserir as dicas no caça-palavras sem que estas empurrassem o caça-palavras para baixo. Por favor, poderiam ajudar-me a colocar as dicas do caça-palavras em um quadrado (uma tabela sem linhas: estilo box card) ao lado do caça palavras?Além disso, desejo colocar uma imagem de controle de videogame abaixo do botão "jogar", por gentileza, poderiam auxiliar-me com isto também?O meu código segue abaixo: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Caça-palavras</title> </head> <style> h1{ color:blue; font-size:30px; } h2{ color:#757575; font-size:20px; } h1, h2{ text-align:center; } body{ background-color:yellow; } @media only screen and (max-width:640px){ #dicas{ position:relative; font:2em Tahoma; margin:auto; left:0; right:0; display:inline-block; } } #dicas{ text-align: justify; background-color: #F5F5F5; } html, body{ margin:0; padding:0; background-color: #4CAF50; } table, tr, td{ border: 1px solid black; background-color: white; } td{ font-weight: bold; font-family: monospace; font-size: 2em; color: black; } td:hover{ background-color: #F9D387; cursor: pointer; } .selecionada, .encontrada, .errado{ transition:.2s linear; } .selecionada{ background-color: lightblue; } .encontrada{ background-color: #009688; } .errado{ color: red; } #iniciar{ padding: 6%; background-color: lightgrey; } #jogo{ text-align: center; } #btnPlay{ margin:auto; display: block; } #parabens{ margin: auto; text-align: center; color: #FF5722; transition: .2s linear 2s; } #btnVoltar{ margin: auto; } button{ border:1px solid white; outline:none; background-color:lightblue; transition:.2s linear; font-weight:bold; padding:1% 2%; color:white; } button:hover{ border:1px solid lightblue; outline:none; color:lightblue; background-color:white; } p{ font-size:1.4em; margin:0; } </style> <body> <div id="iniciar"> <button id="btnPlay">Jogar</button> </div> <div id="jogo" hidden> <h2 hidden id="parabens">Parabéns!</h2> <button hidden id="btnVoltar">voltar</button> <p id="encontradas"></p> <table id="tabuleiro" align="center"> <h1>Caça-palavras</h1> <h2>Meios de transportes</h2> <ol id="dicas"> <li>É um meio de transporte terrestre que, geralmente, cabe cinco pessoas.</li> <li>É um meio de transporte sob duas rodas.</li> <li>É um meio de transporte com vários vagões ligados entre si e pode transportar pessoas ou cargas.</li> <li>É um meio de transporte terrestre que passa por túneis subterrâneos ou por viadutos e realiza a parada em estações designadas. <li>Meio de transporte usado para pedalar em pistas, ciclovias ou parques.</li> <li>É um meio de transporte terrestre grande, com eixos dianteiros e traseiros, geralmente tem entre quatro e dezesseis rodas e, tem uma carreta.</li> <li>Meio de transporte aquático que tem vela, começa com a letra B e tem cinco letras.</li> <li>Meio de transporte aquático que afundou no filme Titanic.</li> <li>Meio de transporte aquático que fica abaixo da água, pode flutuar sob a água e começa com a letra S.</li> <li>Meio de transporte aéreo que tem duas asas, voa e começa com a letra A.</li> <li>Meio de transporte aéreo que tem hélice e começa com a letra H.</li> <li>Meio de transporte aéreo que tem cesto, é movido a ar e começa com a letra B.</li> </ol> <tr> <td>Ã</td> <td>Ê</td> <td>O</td> <td>O</td> <td>Ã</td> <td>O</td> <td>F</td> <td>C</td> <td>A</td> <td>R</td> <td>R</td> <td>O</td> </tr> <tr> <td>J</td> <td>K</td> <td>S</td> <td>Ã</td> <td>B</td> <td>D</td> <td>L</td> <td>T</td> <td>G</td> <td>W</td> <td>H</td> <td>Ô</td> </tr> <tr> <td>C</td> <td>A</td> <td>M</td> <td>I</td> <td>N</td> <td>H</td> <td>Ã</td> <td>O</td> <td>X</td> <td>Z</td> <td>E</td> <td>B</td> </tr> <tr> <td>H</td> <td>E</td> <td>L</td> <td>V</td> <td>Ç</td> <td>O</td> <td>B</td> <td>Q</td> <td>I</td> <td>M</td> <td>L</td> <td>I</td> </tr> <tr> <td>N</td> <td>A</td> <td>B</td> <td>A</td> <td>L</td> <td>Ã</td> <td>O</td> <td>L</td> <td>H</td> <td>O</td> <td>I</td> <td>C</td> </tr> <tr> <td>T</td> <td>B</td> <td>M</td> <td>E</td> <td>T</td> <td>R</td> <td>Ô</td> <td>T</td> <td>N</td> <td>X</td> <td>C</td> <td>I</td> </tr> <tr> <td>R</td> <td>L</td> <td>Ã</td> <td>O</td> <td>J</td> <td>K</td> <td>Ç</td> <td>Y</td> <td>A</td> <td>R</td> <td>Ó</td> <td>C</td> </tr> <tr> <td>E</td> <td>O</td> <td>B</td> <td>A</td> <td>R</td> <td>C</td> <td>O</td> <td>F</td> <td>V</td> <td>S</td> <td>P</td> <td>L</td> </tr> <tr> <td>M</td> <td>Ã</td> <td>O</td> <td>H</td> <td>E</td> <td>L</td> <td>S</td> <td>U</td> <td>I</td> <td>B</td> <td>T</td> <td>E</td> </tr> <tr> <td>B</td> <td>I</td> <td>M</td> <td>O</td> <td>T</td> <td>O</td> <td>C</td> <td>A</td> <td>O</td> <td>M</td> <td>E</td> <td>T</td> </tr> <tr> <td>F</td> <td>A</td> <td>V</td> <td>I</td> <td>O</td> <td>D</td> <td>H</td> <td>J</td> <td>T</td> <td>O</td> <td>R</td> <td>A</td> </tr> <tr> <td>Q</td> <td>Ã</td> <td>S</td> <td>U</td> <td>B</td> <td>M</td> <td>A</td> <td>R</td> <td>I</td> <td>N</td> <td>O</td> <td>Ô</td> </tr> </div> <script> var t = document.getElementById("tabuleiro"); var transportes, primeiroclique, encontradas, data; function clique(e){ if(transportes.length > 0){ if(primeiroclique == false){ data.colunainicial = parseInt(e.target.dataset.index); data.linhainicial = parseInt(e.target.parentElement.dataset.index); data.letrainicial = e.target.innerText; if(e.target.dataset.encontrada == "true"){ e.target.classList.replace("encontrada", "selecionada"); }else{ e.target.classList.add("selecionada"); } primeiroclique = true; }else{ if(data.colunainicial != parseInt(e.target.dataset.index) && data.linhainicial != parseInt(e.target.parentElement.dataset.index)){ return; } data.colunafinal = parseInt(e.target.dataset.index); data.linhafinal = parseInt(e.target.parentElement.dataset.index); data.letrafinal = e.target.innerText; if(data.colunainicial > data.colunafinal){ var novacolunainicial = data.colunafinal; var novacolunafinal = data.colunainicial; data.colunainicial = novacolunainicial; data.colunafinal = novacolunafinal; } if(data.linhainicial > data.linhafinal){ var novalinhainicial = data.linhafinal; var novalinhafinal = data.linhainicial; data.linhainicial = novalinhainicial; data.linhafinal = novalinhafinal; } primeiroclique = false; if(e.target.dataset.encontrada == "true"){ e.target.classList.replace("encontrada", "selecionada"); }else{ e.target.classList.add("selecionada"); } comparar(data); } } } function horizontal(fn){ console.log("seleção horizontal"); for(var i = data.colunainicial; i < data.colunafinal + 1; i++){ var td = t.rows[data.linhainicial].cells[i]; if(td.dataset.encontrada == "true"){ td.classList.replace("encontrada", "selecionada"); }else{ td.classList.add("selecionada"); } fn(td); } } function vertical(fn){ console.log("seleção vertical"); for(var i = data.linhainicial; i < data.linhafinal + 1; i++){ var td = t.rows[i].cells[data.colunainicial]; if(td.dataset.encontrada == "true"){ td.classList.replace("encontrada", "selecionada"); }else{ td.classList.add("selecionada"); } fn(td); } } function comparar(data){ var selecionados = { palavra:"", elementos:[] }; if(data.colunainicial != data.colunafinal && data.linhainicial == data.linhafinal){ horizontal(function(td){ selecionados.palavra += td.innerText; selecionados.elementos.push(td); }); }else if(data.colunainicial == data.colunafinal && data.linhainicial != data.linhafinal){ vertical(function(td){ selecionados.palavra += td.innerText; selecionados.elementos.push(td); }); } if(transportes.includes(selecionados.palavra)){ transportes = transportes.filter(function(p){ if(selecionados.palavra != p){ return p; } }); setTimeout(function(){ for(var i = 0; i < selecionados.elementos.length; i++){ var elemento = selecionados.elementos[i]; elemento.classList.replace("selecionada", "encontrada"); elemento.dataset.encontrada = "true"; } }, 1000); encontradas += 1; document.getElementById("encontradas").innerText = "Encontradas: "+encontradas+"\n Restantes: "+ transportes.length; if(transportes.length == 0){ setTimeout(function(){ document.getElementById("parabens").hidden = false; document.getElementById("btnVoltar").hidden = false; }, 2000); } data = {}; }else{ data = {}; setTimeout(function(){ for(var i = 0; i < selecionados.elementos.length; i++){ var elemento = selecionados.elementos[i]; elemento.classList.replace("selecionada", "errado"); } setTimeout(function(){ for(var i = 0; i < selecionados.elementos.length; i++){ var elemento = selecionados.elementos[i]; if(elemento.dataset.encontrada == "true"){ elemento.classList.replace("errado", "encontrada"); }else{ elemento.classList.remove("errado"); } } }, 1000); }, 1000); } } function iniciaJogo(){ transportes=["CARRO", "MOTO","TREM", "METRÔ","BICICLETA", "CAMINHÃO", "BARCO", "NAVIO", "SUBMARINO", "AVIÃO","HELICÓPTERO", "BALÃO"]; primeiroclique = false; encontradas = 0; data = {}; document.getElementById("encontradas").innerText = "Encontradas: "+encontradas+"\n Restantes: "+ transportes.length; for(var i = 0; i < t.rows.length; i++){ t.rows[i].id = "linha " + i; t.rows[i].dataset.index = i; for(var j = 0; j < t.rows[i].cells.length; j++){ t.rows[i].cells[j].classList = []; t.rows[i].cells[j].dataset.encontrada = "false"; t.rows[i].cells[j].id = "coluna " + j; t.rows[i].cells[j].dataset.index = j; t.rows[i].cells[j].addEventListener("click", clique); } } document.getElementById("iniciar").hidden = true; document.getElementById("parabens").hidden = true; document.getElementById("jogo").hidden = false; document.getElementById("btnVoltar").hidden = true; } var btnPlay = document.getElementById("btnPlay"); btnPlay.onclick = function(){ iniciaJogo(); } var btnVoltar = document.getElementById("btnVoltar"); btnVoltar.onclick = function(){ btnVoltar.hidden = true; document.getElementById("iniciar").hidden = false; document.getElementById("parabens").hidden = true; document.getElementById("jogo").hidden = true; } </script> </body> </html> Grata. Cordialmente, Programadora Iniciante Meios de transporte-caca-palavras.zip
  3. Programadora Iniciante
    Olá @Public2004 , Obrigada!Eu não queria colocar um link de outro site para obrigar o navegador a abrir uma janela requisitando download.Quando eu for hospedar o web site, quero que o link requisite download ao invés de encaminhar para outro site para realizar download.Sinto a necessidade de informar-lhe que usei o comando: <a href="seu_arquivo.txt" download> Link </a> No entanto, ainda sim, não funcionou.Estou usando o navegador Mozilla Firefox(versão 78.0.2 ) e o navegador Avast(versão 83.1.4957.116), mas o continua com o mesmo problema. Por favor poderia ajudar-me com isso?Por que o comando acima não funciona com o Internet Explorer e, versões anteriores do Edge e do Safari, por gentileza?Por favor, como posso obrigar o navegador a requisitar download usando o JavaScript?Grata. Cordialmente, Programadora Iniciante
  4. Programadora Iniciante
    Olá! No que se refere a programação de web site com HTML5: estou tentando incluir arquivo externo de extensão txt, mp3 e mp4 , mas ao usar a tag <a href ="abajur.txt"> Download </a> , os arquivos não requisitam download, apenas abrem uma guia no navegador e executam o arquivo no próprio navegador.No entanto, no que se refere ao pacote office (doc, xls etc), o navegador requisita download do arquivo. Por favor, qual tag posso usar para que arquivos de extensão txt, mp3 e mp4 também requisitem download no navegador ao invés de serem executados no próprio navegador?Grata. Cordialmente, Programadora Iniciante
  5. Programadora Iniciante
    @Alexsander Gutierrez , Você é ótimo!Muitíssimo obrigada por tudo (inclusive pela paciência)!Assim que eu fizer o caça-palavras que eu lhe disse, posto aqui. Cordialmente, Programadora Iniciante
  6. Programadora Iniciante
    O que significa "viewport e "width=device-width, initial-scale=1.0", por favor? adicionado 2 minutos depois O que significa "display: inline" e "position: absolute", por favor? adicionado 4 minutos depois O que significa : @media only screen and (max-width:640px){ , por favor? adicionado 4 minutos depois O que significa : display:inline-block;, por gentileza? adicionado 6 minutos depois O que significa position:relative, por gentileza? adicionado 44 minutos depois Olá, @Alexsander Gutierrez! Muitíssimo obrigada por tudo !Você é muito inteligente!Tentarei montar um caça-palavras que una o que eu fiz mais o que você fez e implementou, com a temática meios de transporte, e, posto aqui da forma que eu conseguir fazê-lo. Cordialmente, Programadora Iniciante adicionado 48 minutos depois Observação: fiz algumas perguntas acima sobre o seu código. Por favor, poderia respondê-la?Desculpe-me por perguntar tanto, mas estou com muita vontade de aprender sobre o assunto.Obrigada!
  7. Programadora Iniciante
    . adicionado 15 minutos depois Olá, @Gustavo Augusto Lopes! Estou tentando inserir dicas no caça palavras, mas as dicas estão empurrando o caça-palavras para baixo.Por favor, você sabe o que devo fazer para que as dicas do caça-palavras fiquem ao lado do caça-palavras?Já abri tr e td, mas não funcionou, pois elas ficam dentro do caça-palavras; retirei tr e td, mas as dicas empurraram o caça-palavras para baixo.Não sei o que fazer para que as dicas e o caça-palavras fiquem lado a lado.Por favor, poderia ajudar-me?Grata.Segue abaixo o código sem implementação: <!DOCTYPE html> <head> <title>Caça-palavras <meta charset="utf-8"> </title> </head> <body bgcolor="yellow"> <font> <center> <font color="red"> Caça-palavras </font> <br/> <font color="blue"> Objetos de casa </center> <br/> </font> <table border="4" align="center"> 1.Objeto que ilumina o quarto.<br/> 2.Objeto usado para dormir.<br/> 3.Objeto usado para colocar flores.<br/> <br/> <tr align="center"> <td><font color="black" size="4" face="Tahoma">C</font></td> <td><font color="black" size="4" face="Tahoma">D</font></td> <td><font color="black" size="4" face="Tahoma">V</font></td> <td><font color="black" size="4" face="Tahoma">C</font></td> <td><font color="black" size="4" face="Tahoma">L</font></td> <td><font color="black" size="4" face="Tahoma">A</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">B</font></td> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">J</font></td> <td><font color="black" size="4" face="Tahoma">U</font></td> <td><font color="black" size="4" face="Tahoma">R</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">M</font></td> <td><font color="black" size="4" face="Tahoma">B</font></td> <td><font color="black" size="4" face="Tahoma">S</font></td> <td><font color="black" size="4" face="Tahoma">H</font></td> <td><font color="black" size="4" face="Tahoma">J</font></td> <td><font color="black" size="4" face="Tahoma">L</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">K</font></td> <td><font color="black" size="4" face="Tahoma">O</font></td> <td><font color="black" size="4" face="Tahoma">F</font></td> <td><font color="black" size="4" face="Tahoma">X</font></td> <td><font color="black" size="4" face="Tahoma">W</font></td> </tr> </table> </body> Cordialmente, Programadora Iniciante
  8. Programadora Iniciante
    @Gustavo Augusto Lopes , Muito obrigada por tudo!Que legal, a estrutura de condição e os comandos dos botões foram todos desenvolvidos com o Javascript, a formatação (cor, borda, tamanho) e a execução automática do botão foi realizado em CSS e, o conjunto do arquivo (incluso a tabela) foi criado em HTML.Estou deslumbrada! Cordialmente, Programadora Iniciante
  9. Programadora Iniciante
    @DiF , Entendido.Desculpe-me e muito obrigada! Cordialmente, Programadora Iniciante adicionado 38 minutos depois @Alexsander Gutierrez , O caça-palavras que você fez e implementou ficou ótimo!Muito obrigada!O algoritmo gerador de caça-palavras não é usado para que outra pessoa crie o caça palavras da forma que quiser?Pesquisei sobre algoritmo gerador de caça palavras e só encontrei geradores de caça-palavras online. Se for isso, da forma que você fez ficou ótimo, não é necessário colocar algoritmo gerador de caça palavras. Isso me ajudou muito! Além disso, por favor, qual foi a tecnologia que você usou (HTML, CSS, JavaScript etc)?Foi apenas o HTML?Grata. Cordialmente, Programadora Iniciante Notei que usou o CSS e o HTML. Usou alguma outra tecnologia, por favor?Grata.
  10. Programadora Iniciante
    @DiF , Desculpe-me!O @Alexsander Gutierrez só está tentando ajudar-me.Muito obrigada pela dica! Cordialmente, Programadora Iniciante adicionado 3 minutos depois Pessoal, Estou tentando inserir dicas no caça palavras, mas as dicas estão empurrando o caça-palavras para baixo.Por favor, vocês sabem o que devo fazer para que as dicas do caça-palavras fiquem ao lado do caça-palavras?Já abri tr e td, mas não funcionou, pois elas ficam dentro do caça-palavras; retirei tr e td, mas as dicas empurraram o caça-palavras para baixo.Não sei o que fazer para que as dicas e o caça-palavras fiquem lado a lado.Por favor, poderiam ajudar-me?Grata.Segue abaixo o código sem implementação: <!DOCTYPE html> <head> <title>Caça-palavras <meta charset="utf-8"> </title> </head> <body bgcolor="yellow"> <font> <center> <font color="red"> Caça-palavras </font> <br/> <font color="blue"> Objetos de casa </center> <br/> </font> <table border="4" align="center"> 1.Objeto que ilumina o quarto.<br/> 2.Objeto usado para dormir.<br/> 3.Objeto usado para colocar flores.<br/> <br/> <tr align="center"> <td><font color="black" size="4" face="Tahoma">C</font></td> <td><font color="black" size="4" face="Tahoma">D</font></td> <td><font color="black" size="4" face="Tahoma">V</font></td> <td><font color="black" size="4" face="Tahoma">C</font></td> <td><font color="black" size="4" face="Tahoma">L</font></td> <td><font color="black" size="4" face="Tahoma">A</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">B</font></td> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">J</font></td> <td><font color="black" size="4" face="Tahoma">U</font></td> <td><font color="black" size="4" face="Tahoma">R</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">M</font></td> <td><font color="black" size="4" face="Tahoma">B</font></td> <td><font color="black" size="4" face="Tahoma">S</font></td> <td><font color="black" size="4" face="Tahoma">H</font></td> <td><font color="black" size="4" face="Tahoma">J</font></td> <td><font color="black" size="4" face="Tahoma">L</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">K</font></td> <td><font color="black" size="4" face="Tahoma">O</font></td> <td><font color="black" size="4" face="Tahoma">F</font></td> <td><font color="black" size="4" face="Tahoma">X</font></td> <td><font color="black" size="4" face="Tahoma">W</font></td> </tr> </table> </body> Cordialmente, Programadora Iniciante
  11. Programadora Iniciante
    Olá! Estou tentando incluir arquivos externos em um web site (versão teste) , em HTML, mas está ocorrendo os erros que seguem: *O site requisita download apenas para arquivos do pacote office (como doc e xls); *Os arquivos de extensão mp3 e mp4 não requisitam download, apenas abrem uma página no navegador e executam o arquivo no próprio navegador; *Os arquivos de extensão pdf são abertos no próprio navegador, mas há um botão de download do arquivo no próprio Adobe que abre o arquivo; *Os arquivos de extensão txt não abrem no navegador e nem requisitam download de qualquer forma. Segue a tag que estou usando: Realize o download de objetos da casa aqui:<a href="abajur.doc">download.</a> Tendo em vista tudo que mencionei acima, por favor, como posso fazer para que o web site requisite download de arquivos (independente da extensão do arquivo) que eu coloque no web site? Grata e cordialmente, Programadora Iniciante
  12. Programadora Iniciante
    @Gustavo Augusto Lopes @Gustavo Augusto Lopes , Muito obrigada!Gostei da sua implementação do caça-palavras e do caça-palavras do Alesxander. No que você fez, ficou legal, mas não é possível clicar nas palavras verticais, pois ao tentar clicar, aparece a mensagem de que o número de chances esgotou após encerrar as tentativas (sem ao menos permitir que se clique em palavras nas verticais, só há a possibilidade de cliques horizontais ).Além disso, se não for pedir muito, seria possível incluir a mensagem "Parabéns!" quando a pessoa acertar todas as palavras, por favor? O caça-palavras que postei é só um exemplo, então, eu usaria sua implementação para fazer um novo caça-palavras com outro tema.Além disso, estou pensando em abrir umas td's e umas tr's entre o caça-palavras e entre as dicas que quero escrever no caça-palavras.Exemplo: De um lado da tabela ficaria a dica (1. Objeto usado para iluminar o quarto)e do outro lado da tabela ficaria o caça-palavras.Você acha que ficaria muito bagunçado e com muitas td's e tr's?Obrigada por sua ajuda!Tenha um ótimo dia!Grata. Cordialmente, Programadora Iniciante adicionado 9 minutos depois Olá, @Alexsander Gutierrez! Tentei modificar a cor do clique verdadeiro, na estrutura else, mas não obtive êxito, pois ainda, sim, não é desenvolvido a distinção entre as palavras encontradas e as demais letras contidas no caça-palavras. Por favor, poderia ajudar-me com isso?Segue abaixo parte do seu código: primeiroclique = true; }else{ console.log("coluna "+e.target.id); console.log("linha "+e.target.parentElement.id); console.log("letra "+e.target.innerText); data.colunafinal = parseInt(e.target.id); data.linhafinal = parseInt(e.target.parentElement.id); data.letrafinal = e.target.innerText; e.target.style.backgroundColor = "lightblue"; comparar(data); primeiroclique = false; } } Grata e cordialmente, Programadora Iniciante
  13. Programadora Iniciante
    Olá, @Alexsander Gutierrez ! Você me ajudou muito, eu já estava queimando meus neurônios, pensando em formas de desenvolver o caça-palavras com as estruturas de decisão e de repetição.Eu nunca fiz um jogo eletrônico antes e gosto muito de aprender assuntos novos.Vale mencionar que o caça-palavras está incluso em um projeto de vida meu, voltado para surdos. Como não trabalho ainda, este site(Clube do Hadware) é a ferramenta que uso para desenvolver meus conhecimentos. Além disso, desculpe-me, mas encontrei um erro em seu código:não há diferenciação entre as palavras encontradas e as demais letras do caça-palavras (tudo fica marcado de azul e a marcação verde não é ativada), mas trabalharei muito para tentar reparar esse erro.Sou grata por tudo.Tenha um ótimo dia! Cordialmente, Programadora Iniciante
  14. Programadora Iniciante
    @Alexsander Gutierrez , Boa noite!Muito obrigada pelas dicas!Eu já estudei a declaração de variáveis e as estruturas "if, for, while e do while.É possível desenvolver o jogo apenas com isso ou eu preciso aprender algo mais, por favor? Cordialmente, Programadora Iniciante
  15. Programadora Iniciante
    Olá, @devair1010! Desenvolvi o código do caça-palavras, por favor, poderiam ajudar-me a implementá-lo, usando o JavaScript?Segue abaixo o código que desenvolvi: <!DOCTYPE html> <head> <title>Caça-palavras <meta charset="utf-8"> </title> </head> <body bgcolor="yellow"> <font> <center> <font color="red"> Caça-palavras </font> <br/> <font color="blue"> Objetos de casa </center> <br/> </font> <table border="4" align="center"> <tr align="center"> <td><font color="black" size="4" face="Tahoma">C</font></td> <td><font color="black" size="4" face="Tahoma">D</font></td> <td><font color="black" size="4" face="Tahoma">V</font></td> <td><font color="black" size="4" face="Tahoma">C</font></td> <td><font color="black" size="4" face="Tahoma">L</font></td> <td><font color="black" size="4" face="Tahoma">A</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">B</font></td> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">J</font></td> <td><font color="black" size="4" face="Tahoma">U</font></td> <td><font color="black" size="4" face="Tahoma">R</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">M</font></td> <td><font color="black" size="4" face="Tahoma">B</font></td> <td><font color="black" size="4" face="Tahoma">S</font></td> <td><font color="black" size="4" face="Tahoma">H</font></td> <td><font color="black" size="4" face="Tahoma">J</font></td> <td><font color="black" size="4" face="Tahoma">L</font></td> </tr> <tr align="center"> <td><font color="black" size="4" face="Tahoma">A</font></td> <td><font color="black" size="4" face="Tahoma">K</font></td> <td><font color="black" size="4" face="Tahoma">O</font></td> <td><font color="black" size="4" face="Tahoma">F</font></td> <td><font color="black" size="4" face="Tahoma">X</font></td> <td><font color="black" size="4" face="Tahoma">W</font></td> </tr> </table> </body> Grata, Programadora Iniciante caca-palavras-teste.rar

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...