Jump to content
Kauê Fucherberger Bonfá

If não funciona por algum motivo

Recommended Posts

eu estou tentando fazer um programa que mostra qual produto vale mais a pena mas eu fiz um if falando que quando o preço e a quantidade dos produtos são iguais a frase "os produtos sao iguais" aparece mas por algum motivo o if não está funcionando.

 <div id="produto1">
                <div><input type="number" id="preco1" placeholder="preco"></div>
                <div><input type="number" id="quantidade1" placeholder="quantidade"></div>
            </div>
<div id="produto2">
                <div><input type="number" id="preco2" placeholder="preco"></div>
                <div><input type="number" id="quantidade2" placeholder="quantidade"></div>
            </div>
<div><button onclick="calcular()">calcular</button></div>
<div><p>resultado:<a id="resultado"></a></p></div>
<script>
  function calcular() {
        var q1 = document.getElementById('quantidade1').value
        var p1 = document.getElementById('preco1').value
        var q2 = document.getElementById('quantidade2').value
        var p2 = document.getElementById('preco2').value
  
        if (p1 == p2 && q1 == q2) {
          document.getElementById('resultado').innerText = 'Os produtos são iguais'    
         }
  }
</script>

Não coloquei o codigo inteiro mas acho que assim da pra entender

Share this post


Link to post
Share on other sites

Kauê Fucherberger Bonfá

Aqui funcionou perfeitamente com o seu código.

A única coisa que eu fiz para ter certeza de que os valores são iguais foi um ALERT( variáveis ).

 

Vou colocar o código de volta.

 

<div id="produto1">
    <div><input type="number" id="preco1"      placeholder="preco"      required autofocus></div>
    <div><input type="number" id="quantidade1" placeholder="quantidade" required ></div>
</div>
<div id="produto2">
    <div><input type="number" id="preco2"      placeholder="preco"      required ></div>
    <div><input type="number" id="quantidade2" placeholder="quantidade" required ></div>
</div>
<div><button onclick="calcular()">calcular</button></div>
<div><p>resultado:<a id="resultado"></a></p></div>
<script>
function calcular() {
    var q1 = document.getElementById('quantidade1').value
    var p1 = document.getElementById('preco1').value
    var q2 = document.getElementById('quantidade2').value
    var p2 = document.getElementById('preco2').value
    
	alert(q1 + p1 + q2 + p2);
    
    if (p1 == p2 && q1 == q2) {
        document.getElementById('resultado').innerText = 'Os produtos são iguais';
    } else {
        document.getElementById('resultado').innerText = 'Os produtos são diferentes';
	}
}
</script>

Experimente copiar o código e colar em um arquivo vazio, salve com um nome qualquer.html e faça um teste.

 

Espero ter ajudado de alguma forma.

 

Att
Felipe Guedes Coutinho

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By daviassumpcao
      Estou buscando uma orientação ou referência para desenvolver algo similar ao formulário dessa página do iPhone https://www.apple.com/shop/buy-iphone/iphone-se ... quando selecionamos alguma opção, a div que contém o formulário centralizar na página e rola feito um carrossel. Estou completamente perdido com essa demanda que recebi... agradeço antecipadamente a todos que derem uma força. Abraço
    • By Alberto Nascimento
      Como faço que consiga colocar parágrafos no campo tipo "text" do formulário?
          <input name="Text1" style="width: 528px; height: 223px" type="text" /></form>
      Se eu pressiono ENTER automaticamente envia o formulário
      Como então consigo digitar ao preencher o formulário da forma abaixo?
       
    • By quimera
      O problema seria simples se o script da página permitisse o autopreenchimento usando javascript, masssssssssssss...
      O site em questão não permite que o campo seja preenchido dinamicamente ou seja usando script (ele identifica a digitação do teclado para impedir isso)
      Eles devem usar algo como: onkeypress ou onkeyup e acumular os valores digitados numa variável para dispor isso no post/get
      Por que nesse caso, se foi simplesmente colado ou preenchido via script não vai aceitar já que provavelmente é acumulativo e não verificado se o campo foi preenchido.
      Então como preencher dinamicamente o campo usando javascript nesse caso?
    • By AndersonWS
      Boa tarde, já tentei muitas formas mas não consigo retirar o atributo required.
      O resultado que eu preciso é, quando retiro o required de um (name="posicao") o outro fica com required e vice-versa e também um aparece e outro some.
       
      Segue o código HTML.
      <select name="posicao" class="form-control option_escolhida" style="display:none" id="2" required="" disabled> <option value="" selected>Selecione</option> <option value="1">Espaco</option> <option value="2">Cursos</option> </select> <select name="posicao" class="form-control option_escolhida" style="display:none" id="4" required="" disabled> <option value="" selected>Selecione</option> <option value="4">Políticas de privacidade</option> </select> <div class="sem_option"><code>Sem posição definida</code></div> <div class="ini_option"><code>Posição inicial</code></div> <div class="main_option" style="display:none"> <input name="apelido" class="form-control apelido" placeholder="Nome do grupo" type="text" required="" disabled> </div> Segue o código javascrpt:
      $('.select_escolhida').on({change: listChildren}).trigger('change'); function listChildren() { if ( $(this).val() != '' ) { children = $('option').val(); $(".ini_option").show(); $(".option_escolhida").hide(); $(".option_escolhida").attr("disabled", true); $("#" + $(this).val() ).show(); $("#" + $(this).val() ).removeAttr("disabled"); $(".sem_option").hide(); if( ($(this).val() == '1')||($(this).val() == '3') ){ $(".main_option").show(); $(".apelido").removeAttr("disabled"); } else { $(".main_option").hide(); $(".apelido").attr("disabled", true); $(".ini_option").hide(); } } else { $(".sem_option").show(); $(".ini_option").hide(); $(".apelido").hide(); } }  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.