thiagomaciel 0 Denunciar post Postado Março 21, 2018 Olá Pessoal, sou novato aqui no seguimento de desenvolvimento web e gostaria de saber como faço para fazer um Calculo com JS sendo que esse calculo ele pega os dados do imput que seria largura e altura gera uma metragem quadrada e depois quando o usuário selecionar acionar o select para escolher o material que deve ser calculado ele gera um campo com o valor total do material. Não sei se expliquei bem. O código Html é <!DOCTYPE html> <html> <head> <title>Aula Java Scritp</title> </head> <body> <script> </script> <label>Largura Material:</label><br> <input type="text"><br> <label>Altura do Material:</label><br> <input type="text"><br> <label>Metragem Quadrada:</label><br> <input type="text"><br> <label>Tipo Material</label><br> <select name="materiais" id="material"> <option value="70,00">Adesivo Promocional</option> <option value="75,00">Lona 380g</option> <option value="75,00">Banner</option> <option value="85,00">Adesivo Recortado</option> <option value="100,00">Adesivo Jateado</option> </select><br> <label>Resultado</label><br> <input type="text"> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
quintelab 91 Denunciar post Postado Março 22, 2018 Já tentou começar algo ? Poste seu JavaScript. Compartilhar este post Link para o post Compartilhar em outros sites
thiagomaciel 0 Denunciar post Postado Março 23, 2018 Amigo infelizmente sou leigo no assunto e gostaria de um auxilio dos amigos aqui deste forum. Agradeço no que puder me ajudar. Compartilhar este post Link para o post Compartilhar em outros sites
HwapX 20 Denunciar post Postado Março 23, 2018 Primeiro você deve definir ids para os campos que precisa pegar o valor, depois a ideia do calculo é a seguinte. function calcularMetragem() { //Recupera o valor do campo var altura = document.getElementById('altura').value; var largura = //... //Realiza o calculo var metragem = largura * altura; //Seta o valor do campo document.getElementById('metragem').value = metragem; } //O evento onchange é disparado quando o valor do campo é alterado, defina ele para todos os campos que devem disparar o calculo ao serem alterados. document.getElementById('altura').onchange = calcularMetragem; Você pode continuar o raciocínio aqui https://codepen.io/anon/pen/rdzBYq. Compartilhar este post Link para o post Compartilhar em outros sites
