O FORMULÁRIO QUE ESTOU A CRIAR EM JAVASCRIPT NÃO FUNCIONA
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>
Discussão (0)
Carregando comentários...