Skip to main content
Emprolijado de dom
Origen Enlace
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año")) || 0;
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
    
    insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}

class Autor{
    constructor(){
        this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
        this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
        this.edad = parseInt(prompt("Edad")) || 0;
        this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libreria {
  
    constructor(divDestino) {
      this.libros = [];
      this.divDestinodestino = documentdivDestino
      this.getElementById(divDestino); = ""
    }
  
    agregarLibro = () => {
      this.divDestino = document.getElementById(this.destino);
      this.libros.push( new Libro() ) 
    }
    
    mostrar = () =>  this.divDestino.innerHTML = this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                        ${
                            libro.autores.map(autor => 
                                `<li>${JSON.stringify(autor).split(",").map(i=>i).join("<br/>")}`
                            ).join("</li>")
                                .replace(/[{}"]/g,"")
                                .replace(/[:]/g," : ")
                        }
                    </ol>
           </div>
    `).join("<br/>")
}

 

window.onload = function() {
  let libreria = new Libreria("salida");    
}
<div id="insertar">
  <input 
    type="button" 
    value="Insertar" 
    onclick="libreria.agregarLibro()"
   >
</div>
<div id="mostrar">
  <input 
    type="button" 
    value="Mostrar"
    onclick="libreria.mostrar()"
    >
</div>

<div id="salida"></div>
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año")) || 0;
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
    
    insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}

class Autor{
    constructor(){
        this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
        this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
        this.edad = parseInt(prompt("Edad")) || 0;
        this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libreria {
  
    constructor(divDestino) {
      this.libros = [];
      this.divDestino = document.getElementById(divDestino);
    }
  
    agregarLibro = () => this.libros.push( new Libro() )
    
    mostrar = () =>  this.divDestino.innerHTML = this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                        ${
                            libro.autores.map(autor => 
                                `<li>${JSON.stringify(autor).split(",").map(i=>i).join("<br/>")}`
                            ).join("</li>")
                                .replace(/[{}"]/g,"")
                                .replace(/[:]/g," : ")
                        }
                    </ol>
           </div>
    `).join("<br/>")
}

 

window.onload = function() {
  let libreria = new Libreria("salida");    
}
<div id="insertar">
  <input 
    type="button" 
    value="Insertar" 
    onclick="libreria.agregarLibro()"
   >
</div>
<div id="mostrar">
  <input 
    type="button" 
    value="Mostrar"
    onclick="libreria.mostrar()"
    >
</div>

<div id="salida"></div>
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año")) || 0;
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
    
    insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}

class Autor{
    constructor(){
        this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
        this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
        this.edad = parseInt(prompt("Edad")) || 0;
        this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libreria {
  
    constructor(divDestino) {
      this.libros = [];
      this.destino = divDestino
      this.divDestino = ""
    }
  
    agregarLibro = () => {
      this.divDestino = document.getElementById(this.destino);
      this.libros.push( new Libro() ) 
    }
    
    mostrar = () =>  this.divDestino.innerHTML = this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                        ${
                            libro.autores.map(autor => 
                                `<li>${JSON.stringify(autor).split(",").map(i=>i).join("<br/>")}`
                            ).join("</li>")
                                .replace(/[{}"]/g,"")
                                .replace(/[:]/g," : ")
                        }
                    </ol>
           </div>
    `).join("<br/>")
}


let libreria = new Libreria("salida");    
<div id="insertar">
  <input 
    type="button" 
    value="Insertar" 
    onclick="libreria.agregarLibro()"
   >
</div>
<div id="mostrar">
  <input 
    type="button" 
    value="Mostrar"
    onclick="libreria.mostrar()"
    >
</div>

<div id="salida"></div>
Emprolijado de dom
Origen Enlace
class AutorLibro {
    constructor() {
      this.nombretitulo = prompt("Insertar el nombre del autor"titulo del libro").toUpperCase();;;
      this.aepellidosyear = parseInt(prompt("Insertar"Año")) el|| apellidos0;
 del autor")    this.toUpperCaseeditorial = prompt("Inserta su editorial");;;
      this.edadautores = this.insertarAutores(parseInt(prompt("Edad""Cuantos autores vas a insertar"));;);
    }
  this.nacionalidad = prompt("¿De 
 que pais es elinsertarAutores autor?"= ( cantidad );;
 => [...Array(cantidad)].map(i => }new Autor())
}
  
class Libro Autor{
    constructor() {
        this.titulonombre = prompt("Insertar el nombre del titulo del libro"autor").toUpperCase();;;
        this.yearaepellidos = parseInt(prompt("Año"));
  "Insertar el apellidos del thisautor").editorial = prompttoUpperCase("Inserta su editorial");;;
        this.autoresedad = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")"Edad"));
 || 0;
  }
  
     insertarAutoresthis.nacionalidad = prompt("¿De cantidadque )pais =>es [...Array(cantidadel autor?")].map(i;;
 => new Autor()) }
}
  
class Libreria {
  
    constructor(divDestino) {
      this.libros = [];
      this.divDestino = document.getElementById(divDestino);
    }
  
    agregarLibro = () => this.libros.push( new Libro() )
    
    mostrar = () =>  this.divDestino.innerHTML = this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                         ${
                            libro.autores.map(autor => 
                                `<li>${JSON.stringify(autor).split(",").map(i => ii=>i).join("<br/>")}`
                            ).join("</li>")
                                .replace(/[{}"]/g,"")
                                .replace(/[:]/g," : ")
                        }
                    </ol>
           </div>
    `).join("<br/>")
}

let libreria = new Libreria();
  
window.onload = function() {
   let document.getElementById("insertar").onclicklibreria = () =>new libreria.agregarLibroLibreria("salida");
     document.getElementById("mostrar").onclick = () => document.getElementById("salida").innerHTML = libreria.mostrar();
}
<div id="insertar">
  <input 
    type="button" value="Insertar">
    value="Insertar" 
    onclick="libreria.agregarLibro()"
   >
</div>
<div id="mostrar">
  <input 
    type="button" value="Mostrar">
    value="Mostrar"
    onclick="libreria.mostrar()"
    >
</div>

<div id="salida"></div>
class Autor {
    constructor() {
      this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
      this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
      this.edad = parseInt(prompt("Edad"));;
      this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año"));
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
  
     insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}
  
class Libreria {
  
    constructor() {
      this.libros = [];
    }
  
    agregarLibro = () => this.libros.push( new Libro() )
    
    mostrar = () =>  this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                         ${libro.autores.map(autor => `<li>${JSON.stringify(autor).split(",").map(i => i).join("<br/>")}`).join("</li>").replace(/[{}"]/g,"")}
                    </ol>
           </div>
    `).join("<br/>")
}

let libreria = new Libreria();
  
window.onload = function() {
    document.getElementById("insertar").onclick = () => libreria.agregarLibro();
     document.getElementById("mostrar").onclick = () => document.getElementById("salida").innerHTML = libreria.mostrar();
}
<div id="insertar">
  <input type="button" value="Insertar">
</div>
<div id="mostrar">
  <input type="button" value="Mostrar">
</div>

<div id="salida"></div>
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año")) || 0;
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
     
    insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}

class Autor{
    constructor(){
        this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
        this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
        this.edad = parseInt(prompt("Edad")) || 0;
        this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libreria {
  
    constructor(divDestino) {
      this.libros = [];
      this.divDestino = document.getElementById(divDestino);
    }
  
    agregarLibro = () => this.libros.push( new Libro() )
    
    mostrar = () =>  this.divDestino.innerHTML = this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                        ${
                            libro.autores.map(autor => 
                                `<li>${JSON.stringify(autor).split(",").map(i=>i).join("<br/>")}`
                            ).join("</li>")
                                .replace(/[{}"]/g,"")
                                .replace(/[:]/g," : ")
                        }
                    </ol>
           </div>
    `).join("<br/>")
}



window.onload = function() {
  let libreria = new Libreria("salida");    
}
<div id="insertar">
  <input 
    type="button" 
    value="Insertar" 
    onclick="libreria.agregarLibro()"
   >
</div>
<div id="mostrar">
  <input 
    type="button" 
    value="Mostrar"
    onclick="libreria.mostrar()"
    >
</div>

<div id="salida"></div>
Emprolijado de dom
Origen Enlace
class Autor {
    constructor() {
      this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
      this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
      this.edad = parseInt(prompt("Edad"));;
      this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año"));
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
  
    insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}
  
class Libreria {
  
    constructor() {
      this.libros = [];
    }
  
    agregarLibro = () => this.libros.push( new Libro() )
    
    mostrar = () =>  this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                         ${libro.autores.map(autor => `<li>${JSON.stringify(autor).split(",").map(i => i).join("<br/>")}`).join("</li>").replace(/[{}"]/g,"")}
                    </ol>
           </div>
    `).join("<br/>")
}

let libreria = new Libreria();
  
window.onload = function() {
    document.getElementById("insertar").onclick = () => libreria.agregarLibro();
    document.getElementById("mostrar").onclick = () => document.getElementById("salida").innerHTML = libreria.mostrar();
}
<div id="insertar">
  <input type="button" value="Insertar">
</div>
<div id="mostrar">
  <input type="button" value="Mostrar">
</div>

<div id="salida"></div>
class Autor {
  constructor() {
    this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
    this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
    this.edad = parseInt(prompt("Edad"));;
    this.nacionalidad = prompt("¿De que pais es el autor?");;
  }
}

class Libro {
  constructor() {
    this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
    this.year = parseInt(prompt("Año"));
    this.editorial = prompt("Inserta su editorial");
    this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
  }

  insertarAutores = (cantidad) => [...Array(cantidad)].map(i => new Autor())
}

class Libreria {

  constructor() {
    this.libros = [];
  }

  agregarLibro = () => this.libros.push(new Libro())

  mostrar = () => this.libros.map(libro =>
    `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                        ${libro.autores.map(autor => `<li>${JSON.stringify(autor)}`).join("</li>")}
                    </ol>
           </div>
    `).join("<br/>")
}

let libreria = new Libreria();

window.onload = function() {
  document.getElementById("insertar").onclick = () => libreria.agregarLibro();
  document.getElementById("mostrar").onclick = () => document.getElementById("salida").innerHTML = libreria.mostrar();
}
<div id="insertar">
  <input type="button" value="Insertar">
</div>
<div id="mostrar">
  <input type="button" value="Mostrar">
</div>

<div id="salida"></div>
class Autor {
    constructor() {
      this.nombre = prompt("Insertar el nombre del autor").toUpperCase();;
      this.aepellidos = prompt("Insertar el apellidos del autor").toUpperCase();;
      this.edad = parseInt(prompt("Edad"));;
      this.nacionalidad = prompt("¿De que pais es el autor?");;
    }
}
  
class Libro {
    constructor() {
      this.titulo = prompt("Insertar el nombre del titulo del libro").toUpperCase();
      this.year = parseInt(prompt("Año"));
      this.editorial = prompt("Inserta su editorial");
      this.autores = this.insertarAutores(parseInt(prompt("Cuantos autores vas a insertar")));
    }
  
    insertarAutores = ( cantidad ) => [...Array(cantidad)].map(i => new Autor())
}
  
class Libreria {
  
    constructor() {
      this.libros = [];
    }
  
    agregarLibro = () => this.libros.push( new Libro() )
    
    mostrar = () =>  this.libros.map(libro => 
          `<div>
                Nombre del libro: ${libro.titulo} <br/>
                Año en el que se publico: ${libro.year}  <br/>
                Editorial: ${libro.editorial} <br/>
                Autores: 
                    <ol>
                         ${libro.autores.map(autor => `<li>${JSON.stringify(autor).split(",").map(i => i).join("<br/>")}`).join("</li>").replace(/[{}"]/g,"")}
                    </ol>
           </div>
    `).join("<br/>")
}

let libreria = new Libreria();
  
window.onload = function() {
    document.getElementById("insertar").onclick = () => libreria.agregarLibro();
    document.getElementById("mostrar").onclick = () => document.getElementById("salida").innerHTML = libreria.mostrar();
}
<div id="insertar">
  <input type="button" value="Insertar">
</div>
<div id="mostrar">
  <input type="button" value="Mostrar">
</div>

<div id="salida"></div>
Origen Enlace
Loading