Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Problema con valor de una funcion y switch

Estas en el tema de Problema con valor de una funcion y switch en el foro de Javascript en Foros del Web. Muy buenas noches queridos amigos, mi fuerte nunca a sido javascript pero lo que menos entiendo es porque la función que hago no me responde ...
  #1 (permalink)  
Antiguo 24/11/2016, 17:21
 
Fecha de Ingreso: diciembre-2015
Ubicación: Venezuela
Mensajes: 18
Antigüedad: 8 años, 3 meses
Puntos: 0
Exclamación Problema con valor de una funcion y switch

Muy buenas noches queridos amigos, mi fuerte nunca a sido javascript pero lo que menos entiendo es porque la función que hago no me responde correctamente les explico:

Necesito que cuando haga un cambio en el input range este valor lo detecte una función y luego lo pase por un switch el cual tomara acciones según el valor del range, fácil no? eso pense.. no entiendo porque el switch no me detecta la variable que le llego a la función, alguien sabe el porque? es lo que mas me intriga xD

Este es el código tal cual completo es muy básico, no se porque no funciona :S

nota: el valor rango si esta llegando a la función y con un if si me lo toma en cuenta, ahora si me perdi :S


Código HTML:
<input type="range" min="1" max="2" value="1" name="rango_precio" id="rango_precio" onchange="cambioRango(this.value)">
  <textarea id="valor_rango"> </textarea>
<script type="text/javascript">
    function cambioRango(rango){
      switch(rango) {
        case 1:
          alert(rango);
          document.getElementById("valor_rango").innerHTML = "prueba1";
        break;
        case 2:
          document.getElementById("valor_rango").innerHTML = "prueba2";
        break;
      }
    }
  </script> 

Última edición por Archito; 24/11/2016 a las 18:06
  #2 (permalink)  
Antiguo 24/11/2016, 19:31
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con valor de una funcion y switch

Cambia esta línea:

switch(rango){

por

switch(parseInt(rango)){

  #3 (permalink)  
Antiguo 24/11/2016, 23:36
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.551
Antigüedad: 12 años, 4 meses
Puntos: 977
Respuesta: Problema con valor de una funcion y switch

No sucede lo que esperas porque, para asignar un contenido a un elemento <textarea>, debes utilizar la propiedad value; no innerHTML.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #4 (permalink)  
Antiguo 25/11/2016, 05:57
 
Fecha de Ingreso: diciembre-2015
Ubicación: Venezuela
Mensajes: 18
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema con valor de una funcion y switch

Cita:
Iniciado por alvaro_trewhela Ver Mensaje
Cambia esta línea:

switch(rango){

por

switch(parseInt(rango)){

wao perfecto funciona de maravilla! a investigar eso xD


Alexis88 tienes razón para los input funciona asír :)
Pero el valor no llegaba al switch ya que probe con un alert y nada, el error fue el que dio Alvaro.

Gracias por todo!.
  #5 (permalink)  
Antiguo 25/11/2016, 07:12
 
Fecha de Ingreso: noviembre-2015
Mensajes: 231
Antigüedad: 8 años, 4 meses
Puntos: 86
Respuesta: Problema con valor de una funcion y switch

Cita:
Iniciado por Archito Ver Mensaje
wao perfecto funciona de maravilla! a investigar eso xD


Alexis88 tienes razón para los input funciona asír :)
Pero el valor no llegaba al switch ya que probe con un alert y nada, el error fue el que dio Alvaro.

Gracias por todo!.
Aunque parsear el valor funciona, no es la manera más optimizada. Alexis88 tiene razón cuando te indica que para asignar valor al textarea, lo adecuado es usar la propiedad value. El error está en que crees que el argumento que le pasas a la función es number, cuando en realidad es string
Código Javascript:
Ver original
  1. <input type="range" min="1" max="2" value="1" name="rango_precio" id="rango_precio" onchange="cambioRango(this.value)">
  2.   <textarea id="valor_rango"> </textarea>
  3. <script type="text/javascript">
  4.     function cambioRango(rango){
  5.         console.log(typeof(rango))
  6.       switch(rango) {
  7.         case '1':
  8.           document.getElementById("valor_rango").value = "prueba1";
  9.         break;
  10.         case '2':
  11.           document.getElementById("valor_rango").value = "prueba2";
  12.         break;
  13.       }
  14.     }
  15.   </script>
  #6 (permalink)  
Antiguo 25/11/2016, 11:49
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.551
Antigüedad: 12 años, 4 meses
Puntos: 977
Respuesta: Problema con valor de una funcion y switch

Es correcto lo dicho por mpozo ya que, la sentencia switch, evalúa al dato tanto a nivel de valor como de tipo; exactamente como lo hace el operador de igualdad estricta.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: funcion, input, switch, text, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:26.