Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Limones

pegar o valor que o cara digitar neste campo

Por , em Javascript

Recommended Posts

Limones    0

Limones
Postado

Galera, como faço pra pegar o valor que o cara digitar neste campo:

<tr>
<td class="name">Valor a ser enviado:</td>
<td>
<label>
<input  class="campo" name="ve" type="text" id="ve" onkeypress="mascara(this, mvalore)" title="Coloque o valor de golds." placeholder="Quantidade em golds.">
 </label>
</td>
</tr>

Ele pega o valor digitado, subtrai dele 10% ou seja:

Digitei 50, 10% de 50 = 5; retorna no campo de baixo o valor 45.

 

Retorna neste campo:

<tr>
<td class="name">Valor a ser enviado:</td>
<td><label>
<span class="label label-important" name="vse" title="Total a ser recebido.">VALORk</span>
</label></td>
</tr>

E antes de mostrar a quantidade a ser enviada(durante uns 3 segundos, fica mostrando pra ele: calculando)

 

Agradeço muito a quem puder me ajudar! Uma boa noite a todos!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Limones    0

Limones
Postado

Aqui não deu certo, eu clico em calcular e ele atualiza a página ... é que meu script está dentro de um form para enviar o formulário para o meu email

Compartilhar este post

Link para o post
Compartilhar em outros sites

Limones    0

Limones
Postado

Apenas substitui seu código no meu e acrescentei o java script.

 

Coloquei ele num html simples aqui e também não foi:

<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="#DryBR, Formulário">
<meta name="description" content="Formulário de inscrição, desenvolvido por #DryBR">
<title>Enviar seu pedido</title>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="icon" type="image/png" href="img/favicon.png">
<link rel="stylesheet" href="design_security_css/css.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">
// porcentagem de desconto (ex: 10 igual a 10%)
var desc = 10;
// Função para calcular o desconto
var calcDescGolds = function(ve, desc){
    var vse = (parseFloat(ve) - ((desc/100)*ve));
    return vse;
}
// Pegando o botâo calcular
var btnCalc =  document.getElementById('calc');
// Pegando evento onclick do botão calcular
btnCalc.onclick = function(){
    // Pegando o valor digitado
    var ve =  document.getElementById('ve').value;
    // Verificando se o valor digitado é vazio
    if(ve == ""){
        alert('preencha o campo com um valor.');
    }
    else {
        var vse =  document.getElementById('vse');
        vse.innerHTML = calcDescGolds(ve, desc);
    }
};
</script>
</head>
<body>
<table>
    <tr>
        <td class="name">Valor:</td>
        <td>
            <label>
            <input  class="campo" name="ve" type="text" id="ve" title="Coloque o valor de golds." placeholder="Quantidade em golds.">
            </label>
        </td>
    </tr>
<tr>
<td class="name">Valor a ser enviado:</td>
<td><label>
<span class="label label-important" id="vse" name="vse" title="Total a ser recebido."></span>
</label></td>
</tr>
        <tr>
            <td><button id="calc">Calcular</button></td>
        </tr>
    </table>
    </body>
 </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Utilize o window.onload.

window.onload = function(){ 
    // Porcentagem de desconto (ex: 10 igual a 10%)
    var desc = 10;
    // Função para calcular o desconto
    var calcDescGolds = function(ve, desc){
        var vse = (parseFloat(ve) - ((desc/100)*ve));
        return vse;
    }
    // Pegando o botão calcular
    var btnCalc = document.getElementById('calc');
    // Pegando evento onclick do botão calcular
    btnCalc.onclick = function(){
        // Pegando o valor digitado
        var ve =  document.getElementById('ve').value;
        // Verificando se o valor digitado é vazio
        if(ve == ""){
            alert('preencha o campo com um valor.');
        }
        else {
            var vse = document.getElementById('vse');
            vse.innerHTML = calcDescGolds(ve, desc);
        }
    }
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Limones    0

Limones
Postado

angelo, sei que tá me ajudando muito mas tipo, quando eu clico no calcular, ele envia o formulário tomando posse do form... teria como fazer o exemplo deste site: daylize.com.br

 

agradeço muito!

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Testa assim:

window.onload = function(){
    document.getElementById('ve').addEventListener("keyup", function() {
    var calcDescGolds = function() {
        var porcentagemDescGolds = 10;
        var veValor =  document.getElementById('ve').value;
        var calculoDescontoGolds = (porcentagemDescGolds/100)*veValor;        
        var total = (veValor - calculoDescontoGolds);
        return total;
    }
    document.getElementById('vse').innerHTML = calcDescGolds();
    }, false);
}

http://jsfiddle.net/angelorubin/wtranLcz

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito