Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad

Insertar datos de javascriptJavaScript en HTML

Tengo un problema estoyEstoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtmlinnerHTML  . 

Pero el problema es que si los inserta peroinsertan no duran, es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

class Productosalimenticios {
  constructor(codigo, nombre, precio) {
    this.codigo = codigo;
    this.nombre = nombre;
    this.precio = precio;
  }
  imprimedatos() {
    return (
      "el producto" +
      this.nombre +
      "con el codigo" +
      this.codigo +
      "con un precio" +
      this.precio
    );
  }
}

function Create_products() {
  var codigo = document.getElementById("codigo").value;
  var nombre = document.getElementById("nombre").value;
  var precio = document.getElementById("precio").value;

  var producto1 = new Productosalimenticios(codigo, nombre, precio);

  codigo = document.getElementById("codigo2").value;
  nombre = document.getElementById("nombre2").value;
  precio = document.getElementById("precio2").value;

  var producto2 = new Productosalimenticios(codigo, nombre, precio);

  codigo = document.getElementById("codigo3").value;
  nombre = document.getElementById("nombre3").value;
  precio = document.getElementById("precio3").value;

  var producto3 = new Productosalimenticios(codigo, nombre, precio);

  var productos = [producto1, producto2, producto3];

  for (var i = 0; i < 3; i++) {
    document.getElementById("salida" + (i + 1)).innerHTML = productos[
      i
    ].imprimedatos();
  }
}
<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>
class Productosalimenticios {
    constructor(codigo, nombre, precio) {
      this.codigo = codigo;
      this.nombre = nombre;
      this.precio = precio;
 }
    imprimedatos(){
      return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;;
 }

}
function Create_products (){

var codigo = document.getElementById('codigo').value;
var nombre = document.getElementById('nombre').value;
var precio = document.getElementById('precio').value;

var producto1 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo2').value;
nombre = document.getElementById('nombre2').value;
precio = document.getElementById('precio2').value;

var producto2 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo3').value;
nombre = document.getElementById('nombre3').value;
precio = document.getElementById('precio3').value;

var producto3 = new Productosalimenticios(codigo,nombre,precio);

var productos = [producto1, producto2, producto3];

for(var i = 0; i < 3 ; i ++){

  document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();



  }


}
 

Insertar datos de javascript en HTML

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

class Productosalimenticios {
    constructor(codigo, nombre, precio) {
      this.codigo = codigo;
      this.nombre = nombre;
      this.precio = precio;
 }
    imprimedatos(){
      return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;;
 }

}
function Create_products (){

var codigo = document.getElementById('codigo').value;
var nombre = document.getElementById('nombre').value;
var precio = document.getElementById('precio').value;

var producto1 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo2').value;
nombre = document.getElementById('nombre2').value;
precio = document.getElementById('precio2').value;

var producto2 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo3').value;
nombre = document.getElementById('nombre3').value;
precio = document.getElementById('precio3').value;

var producto3 = new Productosalimenticios(codigo,nombre,precio);

var productos = [producto1, producto2, producto3];

for(var i = 0; i < 3 ; i ++){

  document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();



  }


}

Insertar datos de JavaScript en HTML

Estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHTML  . 

Pero el problema es que si los insertan no duran, es como que aparecen un instante y desaparecen.

class Productosalimenticios {
  constructor(codigo, nombre, precio) {
    this.codigo = codigo;
    this.nombre = nombre;
    this.precio = precio;
  }
  imprimedatos() {
    return (
      "el producto" +
      this.nombre +
      "con el codigo" +
      this.codigo +
      "con un precio" +
      this.precio
    );
  }
}

function Create_products() {
  var codigo = document.getElementById("codigo").value;
  var nombre = document.getElementById("nombre").value;
  var precio = document.getElementById("precio").value;

  var producto1 = new Productosalimenticios(codigo, nombre, precio);

  codigo = document.getElementById("codigo2").value;
  nombre = document.getElementById("nombre2").value;
  precio = document.getElementById("precio2").value;

  var producto2 = new Productosalimenticios(codigo, nombre, precio);

  codigo = document.getElementById("codigo3").value;
  nombre = document.getElementById("nombre3").value;
  precio = document.getElementById("precio3").value;

  var producto3 = new Productosalimenticios(codigo, nombre, precio);

  var productos = [producto1, producto2, producto3];

  for (var i = 0; i < 3; i++) {
    document.getElementById("salida" + (i + 1)).innerHTML = productos[
      i
    ].imprimedatos();
  }
}
<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>
 

Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
se añadieron 998 caracteres en el cuerpo
Origen Enlace

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

for(var iclass =Productosalimenticios 0;{
 i < 3 ;constructor(codigo, inombre, ++precio) {
    document  this.getElementById('salida'+(i+1))codigo = codigo;
      this.innerHTMLnombre = productos[i]nombre;
      this.imprimedatos();precio = precio;
 }

Me podrían ayudar a ver si es que estoy haciendo algo mal.

    imprimedatos(){
      return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;precio;;
 }

}
function Create_products (){

var codigo = document.getElementById('codigo').value;
var nombre = document.getElementById('nombre').value;
var precio = document.getElementById('precio').value;

var producto1 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo2').value;
nombre = document.getElementById('nombre2').value;
precio = document.getElementById('precio2').value;

var producto2 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo3').value;
nombre = document.getElementById('nombre3').value;
precio = document.getElementById('precio3').value;

var producto3 = new Productosalimenticios(codigo,nombre,precio);

var productos = [producto1, producto2, producto3];

for(var i = 0; i < 3 ; i ++){

  document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();



  }


}

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

for(var i = 0; i < 3 ; i ++){
    document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();
}

Me podrían ayudar a ver si es que estoy haciendo algo mal.

imprimedatos(){
    return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;
}

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

class Productosalimenticios {
    constructor(codigo, nombre, precio) {
      this.codigo = codigo;
      this.nombre = nombre;
      this.precio = precio;
 }
    imprimedatos(){
      return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;;
 }

}
function Create_products (){

var codigo = document.getElementById('codigo').value;
var nombre = document.getElementById('nombre').value;
var precio = document.getElementById('precio').value;

var producto1 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo2').value;
nombre = document.getElementById('nombre2').value;
precio = document.getElementById('precio2').value;

var producto2 = new Productosalimenticios(codigo,nombre,precio);

codigo = document.getElementById('codigo3').value;
nombre = document.getElementById('nombre3').value;
precio = document.getElementById('precio3').value;

var producto3 = new Productosalimenticios(codigo,nombre,precio);

var productos = [producto1, producto2, producto3];

for(var i = 0; i < 3 ; i ++){

  document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();



  }


}
Mejora del formato
Origen Enlace
DevMind
  • 5.6k
  • 11
  • 34
  • 65

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

for(var i = 0; i < 3 ; i ++){
    document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();
}

Me podrían ayudar a ver si es que estoy haciendo algo mal.

imprimedatos(){


 
    return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;;precio;
  }

}

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

for(var i = 0; i < 3 ; i ++){
    document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();
}

Me podrían ayudar a ver si es que estoy haciendo algo mal.

imprimedatos(){


 
  return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;;
  

}

Tengo un problema estoy intentando meter en el HTML de una página unos valores de variables. Lo estoy haciendo modificando el contenido de unos div y usando el innerHtml. Pero el problema es que si los inserta pero no duran es como que aparecen un instante y desaparecen.

Código html:

<div class="salida1" id="salida1"></div>
<div class="salida2" id="salida2"></div>
<div class="salida3" id="salida3"></div>

Código javascript:

for(var i = 0; i < 3 ; i ++){
    document.getElementById('salida'+(i+1)).innerHTML = productos[i].imprimedatos();
}

Me podrían ayudar a ver si es que estoy haciendo algo mal.

imprimedatos(){
    return 'el producto' + this.nombre + 'con el codigo' + this.codigo + 'con un precio' + this.precio;
}
se añadieron 156 caracteres en el cuerpo
Origen Enlace
Loading
Mejora del formato
Origen Enlace
DevMind
  • 5.6k
  • 11
  • 34
  • 65
Loading
Origen Enlace
Loading