Kauê Fucherberger Bonfá
-
Total de itens
2 -
Registro em
-
Última visita
Sobre Kauê Fucherberger Bonfá
-
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
-
Quando mudo a cor da div o programa para
Kauê Fucherberger Bonfá postou um tópico no fórum Javascript
estou tentando fazer um programa que mostra qual produto vale mais a pena, mas estou tendo problemas, quando clico duas vezes para calcular a cor da div não volta a ser branco, por isso decidi criar uma função que faz a cor voltar a ser branco mas quando coloco a função o programa para de funcionar meu programa está assim: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> #produto1 { background: white; border-radius: 10px; text-align: center; } #produto2 { background: white; border-radius: 10px; text-align: center; } #resultado{ text-align:center; } </style> </head> <body> <div> <div id="produto1"> <div><input type="number" id="quantidade1" name="quantidade" ></div> <div><input type="number" id="preco1" name="preco"></div> </div> <div id="produto2"> <div><input type="number" id="quantidade2" name="quantidade"></div> <div><input type="number" id="preco2" name="preco"></div> </div> </div> <div><button onclick="calcular()">calcular</button></div> <div><p>resultado:<a id="resultado"></a></p></div> <script> var v1 var v2 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 v1=p1/q1 v2=p2/q2 mr() } function mr() { if (v1 < v2) { //deixar_branco() document.getElementById('resultado').innerText='segundo produto' document.getElementById('produto2').style.backgroundColor="#99CC32" } if (v2 < v1) { //deixar_branco() document.getElementById('resultado').innerText='primeiro produto' document.getElementById('produto1').style.backgroundColor="#99CC32" } } function deixar_branco() { document.getElementById('produto2').style.backgroundColor = white document.getElementById('produto1').style.backgroundColor = white } </script> </body> </html>