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

HTML

JavaScript

17/11/2019

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

Curtidas 0
POSTAR