Olá!
Quero fazer um aplicativo em quero fazer uma função em que o usuário escolha o tipo de Uber que ele vai pegar, marcando uma CheckBox
com o tipo do Uber (Uber X, Select e Black).
Para isso quero usar um Switch Case
ao invés de IFs
.
Fiz um código aonde a minha ideia era fazer um array e a posição do array ser a escolha do case.
Mas quando imprimo no console, a variável tipoEscolhido
é dada como undefined
.
. Como posso fazer para pegar apenas o valor do array que esteja checado?
Obrigado.
Seguem os códigos:
<!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>Uber</title>
<link rel="stylesheet" href="../08-uberMod/estilo.css">
<script src="../08-uberMod/executar.js"></script>
</head>
<body>
<h1>Uber</h1>
<p>Tipo de Uber</p>
<section class="alinhaBox">
<input class="uber" type="checkbox" name="uber" id="uberX"> Uber X </input>
<input class="uber" type="checkbox" name="uber" id="uberSelect"> Uber Select </input>
<input class="uber" type="checkbox" name="uber" id="uberBlack"> Uber Black </input>
</section>
<br>
<p>Local de Saída:</p>
<input type="text" name="localSaida" id="localSaida">
<p>Local de Destino:</p>
<input type="text" name="localDestino" id="localDestino">
<br>
<p>Forma de Pagamento:</p>
<input type="checkbox" name="cartao" id="cartao">Cartão de Crédito</input>
<input type="checkbox" name="dinheiro" id="dinheiro">Dinheiro</input>
<br>
<br>
<button onclick="executar()">Pedir Uber</button>
</body>
</html>
function executar(){
let uberX = document.getElementById("uberX").value;
let uberSelect = document.getElementById("uberSelect").value;
let uberBlack = document.getElementById("uberBlack").value;
let tipoUber = [uberX, uberSelect, uberBlack]
let tipoEscolhido
switch (tipoUber.checked){
case 0:
tipoEscolhido = "Uber X"
break;
case 1:
tipoEscolhido = "Uber Select"
break;
case 2:
tipoEscolhido = "Uber Black"
break;
}
console.log(tipoEscolhido)
}