HTML JAVASCRIPT 2

HTML

JavaScript

HTML5

Web Forms

26/09/2019

não estou conseguindo fazer esse exercício
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

Luciano

Curtidas 0

Melhor post

Luciano

Luciano

26/09/2019

<!DOCTYPE html>
<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.
GOSTEI 1

Mais Respostas

Bruno Pardim

Bruno Pardim

26/09/2019

<!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.
GOSTEI 1
Luciano

Luciano

26/09/2019

Muito Obrigado mesmo Amigo,agora eu vou tentar somar o valor do frete +Preço+quantidade
Estava quebrando a cabeça para fazer isso vc me ajudou muito!
GOSTEI 0
Luciano

Luciano

26/09/2019

<!DOCTYPE html>
<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...
GOSTEI 0
Luciano

Luciano

26/09/2019

Consegui arrumar !
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.
GOSTEI 0
POSTAR