HTML JAVASCRIPT 2
26/09/2019
0
fazer um javascript que calcule o frete,valor e quantidade
o frete seria 1,2,3
o 1 é 10% do valor o 2= 15% e o 3= 20%
Por favor me ajudem estou quebrando a cabeça com isso e não estou tendo exito!
Luciano
Post mais votado
26/09/2019
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div data-ng-app="" data-ng-init="quantity=1;price=5">
<h2>Cost Calculator</h2>
Quantity: <input type="number" ng-model="quantity">
Price: <input type="number" ng-model="price">
<p><b>Total in dollar:</b> {{quantity * price}}</p>
</div>
</body>
</html>
Aqui está um exemplo só preciso inserir os fretes mas não sei como.
Luciano
Mais Posts
27/09/2019
Bruno Pardim
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=
, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript">
function calcular(){
//Pegando o valor que quero aplicar o desconto
var valorFrete = document.getElementById("valorFrete").value;
//Pegando a pocentagem do desconto
var valorDesconto = document.getElementById("valorDesconto").value;
//Realizando o calculo
totalDesconto = parseFloat(valorFrete) * parseFloat(valorDesconto);
//Mostrando na tela
document.getElementById("Desconto").innerText = "Valor do desconto: " + totalDesconto;
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" name="valorFrete" id="valorFrete" placeholder="Valor para aplicar o desconto">
</td>
<td><select name="" id="valorDesconto" onchange="calcular();">
<option value="0.1">10%</option>
<option value="0.2">20%</option>
<option value="0.3">30%</option>
</select></td>
<td><p id="Desconto">Valor do desconto: 0</p></td>
</tr>
</table>
</body>
</html>
No exemplo do nosso amigo, ele fez em angular, acredito que não conheça ainda então fiz o html e js puro acima.
27/09/2019
Luciano
Estava quebrando a cabeça para fazer isso vc me ajudou muito!
27/09/2019
Luciano
<html>
<body>
<img src="Moletom.jpg">
<p>Moletom ETEC</p><br><br>
<div class="form-group">
<label for="formGroupExampleInput">PRECO</label>
<input type="Valor" class="form-control" id="Valor" placeholder="Example input">
</div>
<div class="form-row align-items-center">
<div class="col-auto my-1">
<br>
<label class="mr-sm-2 sr-only" for="inlineFormCustomSelect">Frete</label>
<select id="myList" onchange="myfunction()">
<option value="1">10%</option>
<option value="2">15%</option>
<option value="3">20%</option>
</select>
</p>
</fieldset>
<div class="form-group">
<br>
<label for="formGroupExampleInput2">QUANTIDADE</label>
<input type="Qt" class="form-control" id="Qt" placeholder="Another input">
</div>
<div class="col-auto my-1">
<br>
<button type="submit" class="btn btn-primary" onclick="myfunction()">Submit</button>
</div>
</form>
<p id="demo"></p>
</div>
<script>
function myfunction() {
Valor = document.getElementById("Valor").value;
Qt = document.getElementById("Qt").value;
Ft = document.getElementById("myList").value;
switch (Ft) {
case "1":
Qt = Valor* Qt;
Ft = (parseFloat(Qt)*0.10) ;
break;
case "2":
Qt = Valor * Qt;
Ft = (parseFloat(Qt)*0.15) + Qt;
break;
case "3":
Qt = Valor * Qt;
Ft = (parseFloat(Valor)*0.20 + Qt);
break;
}
document.getElementById("demo").innerHTML = "Valor:" + Ft
}
</script>
</body>
</html>
eu conseguir fazer em Switch Case mas estou conseguindo somente mostrar o valor do Frete o que eu queria era calcular o Preco+Quantidade+Frete ae depois mostrar para o usuario.
Na switch case 2 e 3 eu conseguir mostrar todo resultado mas está calculando errado a % do frete.
Já na switch case 1 eu conseguir arrumar o frete mas não mostra o valor total...
27/09/2019
Luciano
Obrigado pelo seu Comentário tenha um ótimo dia.
Apenas estava colocando errado a variável na formula e estava dando o calculo errado ae eu consegui arrumar.
Mas seu exemplo vai ser de suma importância para os proximos exercícios obrigado.
Clique aqui para fazer login e interagir na Comunidade :)