Podem me ajudar com o meu jogo em javascript? Pff!!

17/11/2019

0

Não estou a conseguir por um video quando peco o jogo e queria tirar o perdeste para ficar o video. Também ando a tentar tirar o ganhaste para trocar por uma foto e fazer o mesmo para o Só Letras. Aqui esta o código:

'''

<head>
<title>Jogo da forca</title>

<meta name="" content="">

<style>
.jogo{
display:inline-block;
}

#container{
padding:30px 0px;
position:absolute;
}


#nav{
position:absolute;
width:100px;
height:30px;
font-size:20px;
margin:205px 0px 0px 28px;
}
#jogo{
margin:150px 0px 0px 150px;
position:absolute;
}

#jogar{
display:inline-block;
margin:200px 0px 0px 250px;
}

#jogadas{
width:300px;
margin-left:40px;
padding-left:0px;
}

#bt{
margin-left:50px;
}

.letra, .ler{
font-size:20px;
padding-left:10px;
margin-left:10px;
border:none;
border-bottom:1px solid #000;
background-color:#fff;
outline:none;
width:35px;
}

/****************desenhos*******************/

#d1{
position:absolute;
width:500px;
height:500px;

}
#d2{
position:absolute;
width:500px;
height:500px;
}
#d3{
position:absolute;
width:500px;
height:500px;
}
#d4{
position:absolute;
width:500px;
height:500px;
}
#d5{
position:absolute;
width:500px;
height:500px;
}
#d6{
position:absolute;
width:500px;
height:500px;
}
#d7{
position:absolute;
width:500px;
height:500px;
}
#d8{
position:absolute;
width:500px;
height:500px;
}
#mv{
position:absolute;
width:500px;
height:500px;
}



</style>

<script type="text/javascript">

var palavras = ["ma", "mi", "me","brinquedo", "bicicleta", "carro", "televisao", "dinheiro", "shopping", "brincadeira"];
var palavra;
var input;
var novoInput;
var inputLetra;
var num;
var numer;
var tmp;
var posicao;
var s;
var c;
var g;
var cont;
var controle;
var evt = true;

window.addEventListener("load", inicia);

function inicia()
{
posicao = [];
cont = 0;
controle = false;
s = 0;
c = 0;
g = 0;

for(i=1;i<=8; i++){
document.getElementById("d"+i).style.display="none";

}
gerarPalavra();

for(i=0;i<palavra.length; i++)
{
novoInput = criarInput(i);
document.getElementById("jogo").appendChild(novoInput);
}

document.getElementById("btn").addEventListener("click", reiniciar);

if(evt){
document.getElementById("jog").addEventListener("keyup", function(){
document.getElementById("nav").innerHTML="";
verificar(this);
});

evt=false;
}
}


//para verificar se e uma letra que foi digita
function verificar(input){

if(input.value.match(/[a-z]/) + input.value.match(/[A-Z]/)){
verificarLetra(input);
}
else{
document.getElementById("nav").innerHTML="Só letras";
input.value="";
return false;
}
}

// verifica se a palavra tem a letra digitada
function verificarLetra(input)
{
for(i=0;i<palavra.length; i++){

if(palavra[i]==input.value){
posicao[s] = i;
s++;
controle = true;
}
}

insereLetra(input);
tmp = setTimeout(function(){input.value="";}, 200);
}

//adiciona a letra na posiçao
function insereLetra(input){
letraRep(input);

if(!controle){
cont++;
document.getElementById("jogadas").value+=" "+input.value;
document.getElementById("d"+cont).style.display="block";


if(cont >= 8){
document.getElementById("jog").setAttribute("disabled", "disabled");
document.getElementById("nav").innerHTML="Perdeste";
document.getElementById("nav").style.color="#f00";

}
}

else{
inputLetra = document.getElementsByClassName("letra").length;
for(i=0; i<inputLetra; i++){

if(i == posicao[c] ){
document.getElementById("letra"+i).value=input.value;
c++;
g++;
controle=false;
}
}
if(g == palavra.length){
document.getElementById("nav").innerHTML="Ganhaste";
document.getElementById("nav").style.color="#00f";
document.getElementById("jog").setAttribute("disabled", "disabled");

}
}
}


//verifica se a letra digitada ja tem
function letraRep(input){

var nInput = document.getElementsByClassName("letra");

for(i=0; i<nInput.length; i++){
if(document.getElementById("letra"+i).value==input.value){
g--;
}
}
}

function reiniciar(){
for(i=0;i<posicao.length; i++){
posicao.shift();
}
input = document.getElementsByClassName("letra");

for(i=0; i<palavra.length; i++){
document.getElementById("jogo").removeChild(input[0]);
}

document.getElementById("jogadas").value = "";
document.getElementById("jog").value = "";
document.getElementById("nav").innerHTML="";
document.getElementById("jog").removeAttribute("disabled", "disabled");
inicia();
}


//gera a palavra que vem de um array
function gerarPalavra(){
num = Math.floor(Math.random()*palavras.length);

if(numer == num ){
num = Math.floor(Math.random()*palavras.length);
}

numer = num;
palavra = palavras[num];
}


//cria inputs dimanicamente
function criarInput(i){
input = document.createElement("input");
input.setAttribute("type", "text");
input.setAttribute("id", "letra"+i);
input.setAttribute("class", "letra");
input.setAttribute("disabled", "disabled");
input.setAttribute("maxlength", "1");
return input;
}


</script>
</head>

<body>




<div id="container" class="jogo">


<!---------------desenho--------------->

<div >
<img id="d1" src="cabeca.png">
<img id="d4" src="cabelo.png">
<img id="d2" src="tronco.png">
<img id="d3" src="bracodir.png">
<img id="d5" src="bracoesq.png">
<img id="d6" src="cauda.png">
<img id="d7" src="bracodirparacima.png">
<video autoplay id="mv">
<source src="mv.mp4">
</video>
</div>
</div>




<center>


<div id="nav"></div>
<div id="jogo" class="jogo"></div>
<div id="jogar"><input type="text" id="jog" class="ler" maxlength="1"/></div>
<div id="jogando" class="jogo"><input type="text" id="jogadas" class="ler" disabled="disabled"/></div>
<div id="bt" class="jogo"><button id="btn">Nova Palavra</button></div>

</center>
</body>

'''
Tina

Tina

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar