Skip to main content
Corrección de errores de ortografía y resaltar palabras clave
Origen Enlace

Tengo un problema con un script (soy un novato de nivel 0)script, y resulta que estoy tratando de mostrar un divdiv oculto (#regalo)(#regalo) cuando el resultado de una suma es >xxx, pero el problema es que sólo funciona con valores enteros ( value="499" ), y no me funciona con decimales en el html html ( value="499.99" )...

HTML:HTML:

Nota 1: El valor "499" del primer ejemplo html html ... (sin decimal) funciona bien. Pero si el valor = "499.99" (con punto decimal), mi scriptscript ya no funciona correctamente, suma los valores pero no muestra el divdiv oculto. Los mismo pasa con otros valores con decimales ( 3.99 - 5.99 - 9.99 ...)

Nota 2: He borrado el .val().replace(".","").val().replace(".","") del scriptscript pero tampoco funciona.

Tengo un problema con un script (soy un novato de nivel 0), y resulta que estoy tratando de mostrar un div oculto (#regalo) cuando el resultado de una suma es >xxx, pero el problema es que sólo funciona con valores enteros ( value="499" ), y no me funciona con decimales en el html ( value="499.99" )...

HTML:

Nota 1: El valor "499" del primer ejemplo html ... (sin decimal) funciona bien. Pero si el valor = "499.99" (con punto decimal), mi script ya no funciona correctamente, suma los valores pero no muestra el div oculto. Los mismo pasa con otros valores con decimales ( 3.99 - 5.99 - 9.99 ...)

Nota 2: He borrado el .val().replace(".","") del script pero tampoco funciona.

Tengo un problema con un script, y resulta que estoy tratando de mostrar un div oculto (#regalo) cuando el resultado de una suma es >xxx, pero el problema es que sólo funciona con valores enteros ( value="499" ), y no me funciona con decimales en el html ( value="499.99" )...

HTML:

Nota 1: El valor "499" del primer ejemplo html ... (sin decimal) funciona bien. Pero si el valor = "499.99" (con punto decimal), mi script ya no funciona correctamente, suma los valores pero no muestra el div oculto. Los mismo pasa con otros valores con decimales ( 3.99 - 5.99 - 9.99 ...)

Nota 2: He borrado el .val().replace(".","") del script pero tampoco funciona.

se añadieron 149 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
    <!--jQuery 2.2.4 -->

    <style>
      .tooltip { display:none;width:60px;height:60px;background:red }
    </style>

    
    <div id="regalo">1</div>
    
 
    <div id="ver-carrito">  
      <p>Productos en tu Carrito:</p>
      <div class="cont-num" id="clicksdos">0</div>
      <div id="cont-resultado"><p>Total a pagar:</p>
      
      <input name="total" id="total" readonly="readonly"> <!-- **** ID TOTAL **** -->
      
      </div>
    </div>


    
    <div id="cont-p1" class="cont-p">
      <div id="producto-1">
      Producto 1<br><br>499 €
      <input class="add-prod" value="499" readonly="readonly">
      <!-- value="499.99" El script no funciona -->
      </div>
    </div>
    
    <div id="cont-p2" class="cont-p">
      <div id="producto-2">
      Producto 2<br><br>299 €
      <input class="add-prod" value="299" readonly="readonly">
      <!-- value="299.99" El script no funciona -->
      </div>
    </div>

    <div id="cont-p3" class="cont-p">
      <div id="producto-3">
      Producto 3<br><br>399 €
      <input class="add-prod" value="399" readonly="readonly">
      <!-- value="399.99" El script no funciona -->
      </div>
    </div>

$(document).ready(function(){

  function manageRegalo() {

    var totalStorage = Number(localStorage.getItem("total"));
    //var total = Number($("#total").val().replace(".",""));
    var total = Number($("#total"));
    if(totalStorage != null && total === 0) {
      total = totalStorage;
    }

  //if(total > 999.99 && total < 2999.99) { No funciona.

    if(total > 999 && total < 2999) { //Sin decimal funciona bien.

    $('#regalo').show();
    if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
      $('.tooltip').show();

      window.setTimeout(function(){
        $('.tooltip').fadeOut('slow');
      },9000);

      localStorage.setItem('suppress_gift_tooltip_1', 'true')
    } // New - Local Storage for Tooltip
  } else {
    $('#regalo').hide();
  }
 }

  $(document).on('click', function (event) {
    const target = event.target;
    if (target.matches('.comp-clone') || target.matches('.bbp')) {
      manageRegalo();

      //localStorage.setItem('total',Number($("#total").val().replace(".","")));
      localStorage.setItem('total', Number($("#total")));
    }
  });
  manageRegalo();
});
.tooltip {
  display:none;
  width:60px;
  height:60px;
  background:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<style>
  
</style>


<div id="regalo">1</div>


<div id="ver-carrito">  
  <p>Productos en tu Carrito:</p>
  <div class="cont-num" id="clicksdos">0</div>
  <div id="cont-resultado"><p>Total a pagar:</p>

  <input name="total" id="total" readonly="readonly"> <!-- **** ID TOTAL **** -->

  </div>
</div>



<div id="cont-p1" class="cont-p">
  <div id="producto-1">
  Producto 1<br><br>499 €
  <input class="add-prod" value="499" readonly="readonly">
  <!-- value="499.99" El script no funciona -->
  </div>
</div>

<div id="cont-p2" class="cont-p">
  <div id="producto-2">
  Producto 2<br><br>299 €
  <input class="add-prod" value="299" readonly="readonly">
  <!-- value="299.99" El script no funciona -->
  </div>
</div>

<div id="cont-p3" class="cont-p">
  <div id="producto-3">
  Producto 3<br><br>399 €
  <input class="add-prod" value="399" readonly="readonly">
  <!-- value="399.99" El script no funciona -->
  </div>
</div>

Script:

$(document).ready(function(){
function manageRegalo() {

var totalStorage = Number(localStorage.getItem("total"));
//var total = Number($("#total").val().replace(".",""));
var total = Number($("#total"));
if(totalStorage != null && total === 0) {
total = totalStorage;
}

//if(total > 999.99 && total < 2999.99) { No funciona.

if(total > 999 && total < 2999) { //Sin decimal funciona bien.

$('#regalo').show();
if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
$('.tooltip').show();

window.setTimeout(function(){
$('.tooltip').fadeOut('slow');
},9000);

localStorage.setItem('suppress_gift_tooltip_1', 'true')
} // New - Local Storage for Tooltip
}

else{
$('#regalo').hide();
}
}

$(document).on('click', function (event) {
const target = event.target;
if (target.matches('.comp-clone') || target.matches('.bbp')) {
manageRegalo();

//localStorage.setItem('total',Number($("#total").val().replace(".","")));
localStorage.setItem('total', Number($("#total")));
}
});
manageRegalo();
});

==================

    <!--jQuery 2.2.4 -->

    <style>
      .tooltip { display:none;width:60px;height:60px;background:red }
    </style>

    
    <div id="regalo">1</div>
    
 
    <div id="ver-carrito">  
      <p>Productos en tu Carrito:</p>
      <div class="cont-num" id="clicksdos">0</div>
      <div id="cont-resultado"><p>Total a pagar:</p>
      
      <input name="total" id="total" readonly="readonly"> <!-- **** ID TOTAL **** -->
      
      </div>
    </div>


    
    <div id="cont-p1" class="cont-p">
      <div id="producto-1">
      Producto 1<br><br>499 €
      <input class="add-prod" value="499" readonly="readonly">
      <!-- value="499.99" El script no funciona -->
      </div>
    </div>
    
    <div id="cont-p2" class="cont-p">
      <div id="producto-2">
      Producto 2<br><br>299 €
      <input class="add-prod" value="299" readonly="readonly">
      <!-- value="299.99" El script no funciona -->
      </div>
    </div>

    <div id="cont-p3" class="cont-p">
      <div id="producto-3">
      Producto 3<br><br>399 €
      <input class="add-prod" value="399" readonly="readonly">
      <!-- value="399.99" El script no funciona -->
      </div>
    </div>

Script:

$(document).ready(function(){
function manageRegalo() {

var totalStorage = Number(localStorage.getItem("total"));
//var total = Number($("#total").val().replace(".",""));
var total = Number($("#total"));
if(totalStorage != null && total === 0) {
total = totalStorage;
}

//if(total > 999.99 && total < 2999.99) { No funciona.

if(total > 999 && total < 2999) { //Sin decimal funciona bien.

$('#regalo').show();
if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
$('.tooltip').show();

window.setTimeout(function(){
$('.tooltip').fadeOut('slow');
},9000);

localStorage.setItem('suppress_gift_tooltip_1', 'true')
} // New - Local Storage for Tooltip
}

else{
$('#regalo').hide();
}
}

$(document).on('click', function (event) {
const target = event.target;
if (target.matches('.comp-clone') || target.matches('.bbp')) {
manageRegalo();

//localStorage.setItem('total',Number($("#total").val().replace(".","")));
localStorage.setItem('total', Number($("#total")));
}
});
manageRegalo();
});

==================

$(document).ready(function(){

  function manageRegalo() {

    var totalStorage = Number(localStorage.getItem("total"));
    //var total = Number($("#total").val().replace(".",""));
    var total = Number($("#total"));
    if(totalStorage != null && total === 0) {
      total = totalStorage;
    }

  //if(total > 999.99 && total < 2999.99) { No funciona.

    if(total > 999 && total < 2999) { //Sin decimal funciona bien.

    $('#regalo').show();
    if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
      $('.tooltip').show();

      window.setTimeout(function(){
        $('.tooltip').fadeOut('slow');
      },9000);

      localStorage.setItem('suppress_gift_tooltip_1', 'true')
    } // New - Local Storage for Tooltip
  } else {
    $('#regalo').hide();
  }
 }

  $(document).on('click', function (event) {
    const target = event.target;
    if (target.matches('.comp-clone') || target.matches('.bbp')) {
      manageRegalo();

      //localStorage.setItem('total',Number($("#total").val().replace(".","")));
      localStorage.setItem('total', Number($("#total")));
    }
  });
  manageRegalo();
});
.tooltip {
  display:none;
  width:60px;
  height:60px;
  background:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<style>
  
</style>


<div id="regalo">1</div>


<div id="ver-carrito">  
  <p>Productos en tu Carrito:</p>
  <div class="cont-num" id="clicksdos">0</div>
  <div id="cont-resultado"><p>Total a pagar:</p>

  <input name="total" id="total" readonly="readonly"> <!-- **** ID TOTAL **** -->

  </div>
</div>



<div id="cont-p1" class="cont-p">
  <div id="producto-1">
  Producto 1<br><br>499 €
  <input class="add-prod" value="499" readonly="readonly">
  <!-- value="499.99" El script no funciona -->
  </div>
</div>

<div id="cont-p2" class="cont-p">
  <div id="producto-2">
  Producto 2<br><br>299 €
  <input class="add-prod" value="299" readonly="readonly">
  <!-- value="299.99" El script no funciona -->
  </div>
</div>

<div id="cont-p3" class="cont-p">
  <div id="producto-3">
  Producto 3<br><br>399 €
  <input class="add-prod" value="399" readonly="readonly">
  <!-- value="399.99" El script no funciona -->
  </div>
</div>

Mejoras de codigo
Origen Enlace
Pablo_Web
  • 224
  • 1
  • 3
  • 11
$(document).ready(function(){
function manageRegalo() {

var totalStorage = Number(localStorage.getItem("total"));
//var total = Number($("#total").val().replace(".",""));
var total = Number($("#total"));
if(totalStorage != null && total === 0) {
total = totalStorage;
}

//if(total > 999.99 && total < 2999.99) { No funciona.

if(total > 999 && total < 2999) { //Sin decimal funciona bien.

$('#regalo').show();
if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
$('.tooltip').show();

window.setTimeout(function(){
$('.tooltip').fadeOut('slow');
},9000);

localStorage.setItem('suppress_gift_tooltip_1', 'true')
} // New - Local Storage for Tooltip
}

else{
$('#regalo').hide();
}
}

$(document).on('click', function (event) {
const target = event.target;
if (target.matches('.comp-clone') || target.matches('.bbp')) {
manageRegalo();

//localStorage.setItem('total', Number($("#total").val().replace(".","")));
localStorage.setItem('total', Number($("#total")));
}
});
manageRegalo();
});
$(document).ready(function(){
function manageRegalo() {

var totalStorage = Number(localStorage.getItem("total"));
//var total = Number($("#total").val().replace(".",""));
var total = Number($("#total"));
if(totalStorage != null && total === 0) {
total = totalStorage;
}

//if(total > 999.99 && total < 2999.99) { No funciona.

if(total > 999 && total < 2999) { //Sin decimal funciona bien.

$('#regalo').show();
if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
$('.tooltip').show();

window.setTimeout(function(){
$('.tooltip').fadeOut('slow');
},9000);

localStorage.setItem('suppress_gift_tooltip_1', 'true')
} // New - Local Storage for Tooltip
}

else{
$('#regalo').hide();
}
}

$(document).on('click', function (event) {
const target = event.target;
if (target.matches('.comp-clone') || target.matches('.bbp')) {
manageRegalo();

localStorage.setItem('total', Number($("#total").val().replace(".","")));
}
});
manageRegalo();
});
$(document).ready(function(){
function manageRegalo() {

var totalStorage = Number(localStorage.getItem("total"));
//var total = Number($("#total").val().replace(".",""));
var total = Number($("#total"));
if(totalStorage != null && total === 0) {
total = totalStorage;
}

//if(total > 999.99 && total < 2999.99) { No funciona.

if(total > 999 && total < 2999) { //Sin decimal funciona bien.

$('#regalo').show();
if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
$('.tooltip').show();

window.setTimeout(function(){
$('.tooltip').fadeOut('slow');
},9000);

localStorage.setItem('suppress_gift_tooltip_1', 'true')
} // New - Local Storage for Tooltip
}

else{
$('#regalo').hide();
}
}

$(document).on('click', function (event) {
const target = event.target;
if (target.matches('.comp-clone') || target.matches('.bbp')) {
manageRegalo();

//localStorage.setItem('total',Number($("#total").val().replace(".","")));
localStorage.setItem('total', Number($("#total")));
}
});
manageRegalo();
});
Mejoras de codigo
Origen Enlace
Pablo_Web
  • 224
  • 1
  • 3
  • 11
Loading
Mejoras codigo
Origen Enlace
Pablo_Web
  • 224
  • 1
  • 3
  • 11
Loading
Edit code
Origen Enlace
Pablo_Web
  • 224
  • 1
  • 3
  • 11
Loading
Origen Enlace
Pablo_Web
  • 224
  • 1
  • 3
  • 11
Loading