Pesquisar na Comunidade
Mostrando resultados para as tags ''h2javascript/h2''.
Encontrado 1 registro
-
O FORMULÁRIO QUE ESTOU A CRIAR EM JAVASCRIPT NÃO FUNCIONA
Ângelo Pinto postou um tópico no fórum Javascript
Estou a tentar criar um formulário em Javascript para uma disciplina e não estou a conseguir fazer o custo final. Preciso de ajuda para descobrir o que não estou a fazer bem, para o formulário efetuar os cálculos, obrigado. <html><head><title>Javascript </title></head><style>h2{color:#3B6E05;}form{border-style:solid;border-width:1px;border-color:black;width:600px;height: 570px;margin:auto;margin-top:10px;padding-left:20px;}#btnCusto{width:150px;height:50px;}#txtTotal{width:150px;height:50px;font-weight: bolder;}</style><body><form id="formRentACar" method="post"><div><h2>RENT A CAR</h2><p><b>Preço Base:</b> 25€/dia </span></p><p><label><b>Nº de dias:</b></label><input type="text" id="txtDias" size="3" placeholder="0"></p></div><div><h2>Selecione a marca:</h2><label><b>Marcas disponíveis:</b></label><select id="marca"><option value=""></option><option value="AU">Audi</option><option value="BM">BMW</option><option value="MB">Mercedes-Benz</option><option value="VO">Volvo</option></select></div><div><h2>Segmento:</h2><input type="radio" value="util" name="segmento" id="segUtilitario" checked> <label>Utilitário/Sedan</label><br><input type="radio" value="carrinha" name="segmento" id="segCarrinha"> <label>Carrinha/Combi (+5€/dia)</label><br><input type="radio" value="suv" name="segmento" id="segSuv"> <label>SUV/Monovolume (+10€/dia)</label></div><div><h2>Extras:</h2><input type="checkbox" value="ok" id="extra_ar_condicionado"> <label>Ar condicionado</label><br><input type="checkbox" value="ok" id="extra_gps"> <label>GPS</label><br><input type="checkbox" value="ok" id="extra_estofos_pele"> <label>Estofos em pele</label><br><input type="checkbox" value="ok" id="extra_pintura_metalizada"> <label>Pintura metalizada</label><br></div><div><p><input type="submit" value="Estimar custo final" id="btnCusto"><input type="text" id="txtTotal" placeholder=""older="0.00€" readonly></p></div><div></form><script type="text/Javascript">"use strict";document.getElementById("formRentACar").addEventlistener("submit", aluguer);function aluguer(event){event.preventDefault();const IVA = 1.23;//Validação dos camposif(validacao()){var dias = parseInt(document.getElementById("txtDias").value,10) || 0;var segmento = document.getElementById("formRentACar").segmento;var resultado = 0.0 custoSegmento = 0;document.getElementById("txtDias").value;document.getElementById("marca").value;document.getElementById("formRentACar").segmento[0].checked = true;document.getElementById("extra_gps").checked;for(var i = 0; i<segmento.length; i++){if(segmento.checked==true) {switch(segmento.value) {case "util":custoSegmento = 0;break;case "carrinha":custoSegmento = 5;break;case "suv":custoSegmento = 10;break;}}resultado = (dias!=0)?(dias * 25 + custoSegmento + dias) * IVA : 0;document.getElementById("txtTotal").value = resultado.toFixed(2) + "€";}}function validacao(){var val = [];if(document.getElementById("txtDias").value=="")val [0]="Número de dias";if(document.getElementById("marca").value=="")val [1]="Marca do automóvel";if(val.length==0)return true;else{alert("Informação em falta:\n" + val.join("\n"));return false;}</script></body></html>