Buenas, hay alguna posibilidad de convertir lo que escribe el usuario en el form de string a una variable? Es que el siguiente código no ...

Pregunta de la clase:
Formularios
Qenta SAS

Qenta SAS

Pregunta
studenthace 6 años

Buenas, hay alguna posibilidad de convertir lo que escribe el usuario en el form de string a una variable?

Es que el siguiente código no me funciona :c

gracias de antemano

var pokeDitto = { nombre: 'Ditto', pasiva: 'Impostor', habilidad1: 'Agilidad', imagen: 'assets/imagenes/ditto.png', descripcion: 'El término ditto se utiliza para referirse a algo que se ha mencionado anteriormente o más arriba, ya sea de forma oral o escrita, para así reafirmar lo dicho, pero evitando la repetición de alguna declaración a la que, con esa expresión, se hace referencia. Significa "lo dicho" en el idioma Toscano. ', numeroDeModal: 'ocultarModal' } var pokeEspeon = { nombre: 'Espeon', pasiva: 'Sincronizar', habilidad1: 'Magic Bounce', imagen: 'assets/imagenes/espeon.png', descripcion: '196 Espeon es un Pokémon de tipo psíquico introducido en la segunda generación. Es una de las ocho posibles evoluciones de Eevee.', numeroDeModal: 'ocultarModal2' } var pokeLitwick = { nombre: 'Litwick', pasiva: 'Cuerpo de llamas', habilidad1: 'Infiltrado', habilidad2: 'Incendio repentino', imagen: 'assets/imagenes/litwick.png', descripcion: '607 Litwick es un Pokémon de tipo fantasma/fuego introducido en la quinta generación, La luz que desprende absorbe la energía vital de humanos y Pokémon.', numeroDeModal: 'ocultarModal3' } var pokeDragonair = { nombre: 'Dragonair', pasiva: 'Mudar de piel', habilidad1: 'Marvel Scale', imagen: 'assets/imagenes/dragonair.png', descripcion: '148 Dragonair es un Pokémon de tipo dragón introducido en la primera generación. Es la evolución de Dratini.', numeroDeModal: 'ocultarModal4' } var pokeCharizard = { nombre: 'Charizard', pasiva: 'Energia Solar', habilidad1: 'Resplandor', imagen: 'assets/imagenes/charizard.png', descripcion: '006 Charizard es un Pokémon de tipo fuego/volador, introducido en la primera generación. Es la evolución de Charmeleon.', numeroDeModal: 'ocultarModal5' } var pokeLampent = { nombre: "Lampent", pasiva: 'Cuerpo de fuego', habilidad1: 'infiltrator', habilidad2: 'Flash Fire', imagen: 'assets/imagenes/lampent.png', descripcion: '608 Lampent es un Pokémon de tipo fantasma/fuego introducido en la quinta generación. Es la evolución de Litwick.' , numeroDeModal: 'ocultarModal6' } function detallePokemon(pokemon) { return ( ` <div style="text-align: center; margin: 20px 0;"> <div style="box-shadow: 1px 1px 1px 1px #EAEAEA; width: 80%; margin: 0 auto; padding: 10px;"> <div class="nombrePokemon"> <h2 class="nombre-pokemon">${pokemon.nombre}</h2> </div> <div class="imagenPokemon"> <img style="max-width: 50%; max-height: 300px" src="${pokemon.imagen}".png"> </div> <div class="descripcionPokemon"> <p class="parrafo">${pokemon.descripcion}</p> </div> </div> </div> ` // <form> // <input class="btn" id="${pokemon.numeroDeModal}6" type="button" value="Cerrar"> // </form> ) } // Buscador const $espacio = document.querySelector('#itemEncontrado') function setAttributes($element, atributos) { for (const atributo in atributos) { $element.setAttribute(atributo, atributos[atributo]); } } const $buscador = document.getElementById('buscar') $buscador.addEventListener('submit', (evento) => { event.preventDefault(); const $loader = document.createElement('div') // setAttributes($loader, { // src: 'asd', // height: 200, // width: 200, // }) $espacio.append($loader); const data = new FormData($buscador) debugger const HTMLString = detallePokemon(pokeLitwick) $espacio.innerHTML = HTMLString })
1 respuestas
para escribir tu comentario
Curso de jQuery a JavaScript 2018

Curso de jQuery a JavaScript 2018

Aprende a pasar código de jQuery a JS. Crea páginas dinámicas y animaciones en muy poco tiempo. Optimiza tu código jQuery y programa scripts de forma fácil y rápida con Javascript.

Curso de jQuery a JavaScript 2018
Curso de jQuery a JavaScript 2018

Curso de jQuery a JavaScript 2018

Aprende a pasar código de jQuery a JS. Crea páginas dinámicas y animaciones en muy poco tiempo. Optimiza tu código jQuery y programa scripts de forma fácil y rápida con Javascript.