HTML JAVASCRIPT 2

26/09/2019

12

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!
Responder

Post mais votado

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.
Responder

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.
Responder

27/09/2019

Luciano

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!
Responder

27/09/2019

Luciano

<!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...
Responder

27/09/2019

Luciano

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.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar