Error Uncaught ReferenceError: is not defined

[xinxan22]

Buenos días,

Código HTML:

//Tengo esto y me funciona perfectamente
valor_global = [];
valor_global.push({ a: '1', b: '2' });
mi_funcion();
function mi_funcion(){ 
    
  id="id_de_la_div";
  string ="<div id='"+id+"' onclick='mostrar(\""+id+"\",valor_global)'>Boton</div>";
  .......append(string);  

}
function mostrar(el_id,el_valor){

  console.log("el_id: "+el_id); //Muestra el id
  console.log("valor: "+el_valor); //Muestra [objeto] 

}

Código HTML:

//Pero me gustaría hacer esto y no me funciona (cuando se hace click en el boton mostrar) 
//  el error en consola es  Uncaught ReferenceError: valor is not defined
valor_global = [];
valor_global.push({ a: '1', b: '2' });
mi_funcion(valor_global);
function mi_funcion(valor){
    
  id="id_de_la_div";
  string ="<div id='"+id+"' onclick='mostrar(\""+id+"\",valor)'>Boton</div>";
  .......append(string);  

}
function mostrar(el_id,el_valor){

  //Aki no llega
  console.log("el_id: "+el_id); //Muestra el id
  console.log("valor: "+el_valor); //Muestra [objeto] 

}

Me pueden ayudar con el error Uncaught ReferenceError: valor is not defined

Gracias,

Saludos

[IsaBelM]

si no me he equivocado en las comillas

string ='<div id="'+id+'" onclick="mostrar('+id+','+valor+')">Boton</div>';

[xinxan22]

Hola,

gracias por la respuesta pero ese no es el error.

Ya lo encontré.

Es a consecuencia de usar en un caso variable global y en el otro no.

Cuando hago click en el botón y ejecuta la función "mostrar", valor_global existe mientras que la otra solo existe en el ámbito de la función.

Saludos

[IsaBelM]

se me paso. pero el verdadero problema/error es añadir elementos al dom tal y como lo haces
prueba ahora

valor_global = [];
valor_global.push({ a: '1', b: '2' });
mi_funcion(valor_global);
function mi_funcion(valor){

id="id_de_la_div";
d = document.createElement('div');
d.setAttribute('id', id);

d.addEventListener('click', function() {mostrar(id, valor)} ,false);
.......append(string);

}
function mostrar(el_id,el_valor){

//Aki no llega
console.log("el_id: "+el_id); //Muestra el id
console.log("valor: "+el_valor); //Muestra [objeto]

}

[xinxan22]

Hola,

gracias.

Sí que debería hacerlo con el addEventListener aunque de todas formas creo que pasará lo mismo pues "valor" está en ámbito local

Saludos

[IsaBelM]

Iniciado por xinxan22

Hola,

gracias.

Sí que debería hacerlo con el addEventListener aunque de todas formas creo que pasará lo mismo pues "valor" está en ámbito local

Saludos

fíjate bien en TODAS las diferencias con respecto a lo que tú haces y no te enroques