Skip to main content
adicionou 1412 caracteres ao conteúdo
Fonte Link
user60252
user60252

Caso queira utilizar parte decimal, conforme observação do comentário do Anderson Carlos Woss, e que pode dar uma diferença substancial no resultado, use parseFloat no lugar de parseInt

function soma() 
{
    var valor;
    var campo = form.campo1.value;
    if(campo >=1  && campo < 100){
        valor=23;
    }else{
        valor=25;
    }
    form.campo4.value = parseFloat(campo) * parseFloat(valor) 
}

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

Caso queira utilizar parte decimal, conforme observação do comentário do Anderson Carlos Woss, e que pode dar uma diferença substancial no resultado, use parseFloat no lugar de parseInt

function soma() 
{
    var valor;
    var campo = form.campo1.value;
    if(campo >=1  && campo < 100){
        valor=23;
    }else{
        valor=25;
    }
    form.campo4.value = parseFloat(campo) * parseFloat(valor) 
}

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

removeu 8 caracteres do conteúdo
Fonte Link
user60252
user60252

É só comparar o valor do input e impor condição

function soma() 
{
    var valor;
    if(var campo = form.campo1.valuevalue;
    if(campo >=1  && campo < 100){
        valor=23;
    }else{
        valor=25;
    }
    form.campo4.value = parseInt(form.campo1.valuecampo) * parseInt(valor) 
}
 

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

É só comparar o valor do input e impor condição

function soma() 
{
    var valor;
    if(form.campo1.value < 100){
        valor=23;
    }else{
        valor=25;
    }
    form.campo4.value = parseInt(form.campo1.value) * parseInt(valor) 
}
 

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

É só comparar o valor do input e impor condição

function soma() 
{
    var valor;
    var campo = form.campo1.value;
    if(campo >=1  && campo < 100){
        valor=23;
    }else{
        valor=25;
    }
    form.campo4.value = parseInt(campo) * parseInt(valor) 
}

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

Fonte Link
user60252
user60252

É só comparar o valor do input e impor condição

function soma() 
{
    var valor;
    if(form.campo1.value < 100){
        valor=23;
    }else{
        valor=25;
    }
    form.campo4.value = parseInt(form.campo1.value) * parseInt(valor) 
}


  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>