-2

Olá! Estou desenvolvendo um joguinho em Java Script, mas estou com uma dificuldade na hora que o jogador o compra um bonús de moedas, ela irá substituir um valor em uma outra funcion, para quando ela for ativada, o jogador ao inves de ganhar 1 ponto, irá ganhar 2 pontos. Mas inflizmente, não consigo fazer a váriavel ${money}, valer 2 pontos, ao inves de 1, e isso vale tambem para os outros dois bonús que tem no jogo! Qualquer ajuda ou auxílio, é de grande valor! Segue o código:

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clique para ganhar!</title>
    <style>
        body{
            background-color: rgb(12, 12, 136);
            margin: 25px;
            
        }
        h1{
            text-align: center;
            font-family: 'Lexend Mega', sans-serif;
        }
        form{
            background-color: white;
            

        }
        div{
            text-align: center;
        }
        #clqg{
            margin: 10px;
            padding: 15px 15px;
            font-family: 'Happy Monkey', cursive;
            font-size: large;
        }
        .buyling{
            padding: 10px 0px 0px;
        }
        .title{
            font-size: xx-large;
            font-family: 'Lexend Mega', sans-serif;
        }
        .btnbuy{
            margin: 15px;
        }
    </style>
</head>
<body>
    <h1>Clique, Ganhe, Vença!</h1>
    
    
    <div id="titleex">
    
        <form>
            <div id="money" class="title"></div>
            <input type="button" id="clqg"  value="Ganhar!" onclick="button()">
            <div class="buyling" id="btnone">
                Bonús: 75$
                <input type="button" class="btnbuy"  value="Comprar" onclick="buyone()">
            </diV>
            
            <div id="btntwo">
                Híper bonús: 125$
                <input type="button" class="btnbuy" value="Comprar" onclick="buytwo()">
            </div>
            
            <div id="btn3">
                Ultimate final: 1000$
                <input type="button" class="btnbuy" value="Comprar" onclick="buythree()">
            </div>
        </form>

    </div>
    
    <script>var txt = document.getElementById('money') // div onde vai o valor da moeda //
var money = Number(0) // valor da moeda inicial = 0 //
function button() {
   money += 1
   txt.innerHTML = `Seu saldo é igual a <strong>${money}$</strong>`
   
   if (){
      money += 2
   } // aqui vai o botão de ganahr $ //
   
}
function buyone(){
   var btn1 = document.getElementById("btnone")
   if (money >= 75){
      btn1.innerHTML = `Comprado!`
      var m1 = 
   }else {
      window.alert('Seu saldo é insuficiente!')
   } // aqui vai a opção de comprar o dobro de $ //
}
function buytwo(){
   var btn2 = document.getElementById('btntwo')
   if(money >= 125){
      money += 4
      btn2.innerHTML = `Comprado!`
   } else{
      window.alert("Seu saldo é insuficiente!")
   } // opção de dobrar os pontos //
}
function buythree(){
   var btn3 = document.getElementById('titleex')
   if (money >= 1000){
      btn3.innerHTML = `Parabens, você ganhou!`
   }
} // aqui se zera o game //

</script>

</body>
</html>```

1 Resposta 1

0

Você pode atribuir declarar uma variável somador e usar ela para modificar o valor de money. daí é só modificar o valor de somador que inicialmente é igual a 1, para o valor que desejar.

Exemplo:

var txt = document.getElementById('money') // div onde vai o valor da moeda //
var money = Number(0); // valor da moeda inicial = 0 //
var somador = 1;

function button() {
  money += somador
  txt.innerHTML = `Seu saldo é igual a <strong>${money}$</strong>`
}

function buyone() {
  var btn1 = document.getElementById("btnone")
  if (money >= 75) {
    money -= 75;
    btn1.innerHTML = `Comprado!`
    somador = 2;
  } else {
    window.alert('Seu saldo é insuficiente!')
  }
}

function buytwo() {
  var btn2 = document.getElementById('btntwo')
  if (money >= 125) {
    money -= 125;
    somador = 4;
    btn2.innerHTML = `Comprado!`
  } else {
    window.alert("Seu saldo é insuficiente!")
  } // opção de dobrar os pontos //
}

function buythree() {
  var btn3 = document.getElementById('titleex')
  if (money >= 1000) {
    money = 0;
    btn3.innerHTML = `Parabens, você ganhou!`
  }
} // aqui se zera o game //
body {
  background-color: rgb(12, 12, 136);
  margin: 25px;
}

h1 {
  text-align: center;
  font-family: 'Lexend Mega', sans-serif;
}

form {
  background-color: white;
}

div {
  text-align: center;
}

#clqg {
  margin: 10px;
  padding: 15px 15px;
  font-family: 'Happy Monkey', cursive;
  font-size: large;
}

.buyling {
  padding: 10px 0px 0px;
}

.title {
  font-size: xx-large;
  font-family: 'Lexend Mega', sans-serif;
}

.btnbuy {
  margin: 15px;
}
<html lang="pt-br">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Clique para ganhar!</title>
</head>

<body>
  <h1>Clique, Ganhe, Vença!</h1>
  <div id="titleex">
    <form>
      <div id="money" class="title"></div>
      <input type="button" id="clqg" value="Ganhar!" onclick="button()">
      <div class="buyling" id="btnone">
        Bonús: 75$
        <input type="button" class="btnbuy" value="Comprar" onclick="buyone()">
      </diV>
      <div id="btntwo">
        Híper bonús: 125$
        <input type="button" class="btnbuy" value="Comprar" onclick="buytwo()">
      </div>
      <div id="btn3">
        Ultimate final: 1000$
        <input type="button" class="btnbuy" value="Comprar" onclick="buythree()">
      </div>
    </form>
  </div>
</body>

</html>

1
  • Muito obrigado rapaz!! Commented 11/02/2021 às 13:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .