O formulário que estou a criar em Javascript não funciona.

1. O formulário que estou a criar em Javascript não funciona.

Ângelo Pinto
alsp

(usa Outra)

Enviado em 03/12/2019 - 09:06h


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 - S5_Exercicio1 </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 campos
if(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>



  


2. Re: O formulário que estou a criar em Javascript não funciona.

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 03/12/2019 - 16:27h

Boa tarde.
Não efetua o calculo devido a muitos erros no javascript.
Abra a console e veja!


______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________


3. Preciso de ajuda para detetar os erros.

Ângelo Pinto
alsp

(usa Outra)

Enviado em 03/12/2019 - 18:29h

Preciso de ajuda para detetar os erros, obrigado.


4. Re: O formulário que estou a criar em Javascript não funciona.

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 05/12/2019 - 18:51h

alsp escreveu:

Preciso de ajuda para detetar os erros, obrigado.

Seguem alguns dos erros detectados:
method="post" ?????
Usa php?
Se sim,
Qual o action?
Exemplo: action="/action_page.php"
Que é a página que tratara os dados recebidos.

Uncaught SyntaxError: Unexpected identifier 92
Uncaught SyntaxError: Unexpected end of input 138
Erros no condicional função validação
Erros função aluguer
document.getElementById(...).addEventlistener is not a function
______________________________________________________________________
Os "Extras" não são considerados no preço?
O preço não varia de acordo com a "marca"
______________________________________________________________________
Importante: echo -e "\n$(lynx --dump goo.gl/a9KeFc|sed -nr '/^[ ]+Se/,/dou.$/p')\n"
Att.: Marcelo Oliver
______________________________________________________________________






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts