Estoy creando una extensión de Google llamada extensión manga. Todo iba bien hasta que me crucé con la entrada. Me gusta poner un número de entrada cada vez que ingreso un nombre de manga en la entrada principal, nombrándolo con capítulo con entrada. Pero cuando ingreso un nuevo nombre de manga, el valor de cada entrada que ingresé se pierde. Y no sé cómo ponerlo dentro de localStorage. ¿Cómo debo hacerlo?
const divInput = [] const mangaName = document.getElementById('mangaNameInList') // the manga name const deleteBtn = document.getElementById('deleteBtn') let mangaChapters = document.createElement('input') let mangaLists = document.getElementById('mangaLists') // the div i created in html let count = 0 mangaName.addEventListener('keyup', function (event) { if (event.key == 'Enter') { count += 1 mangaLists.innerHTML += `<p> ${mangaName.value} <em>chapter</em> <input type="number" class="mangaChapters ${count}" onkeyup="getValue(event)"> </p>` // the input that i was conflicted with } }) function getValue(event) { if (event.key == 'Enter') { mangaChapters = document.getElementsByClassName(`mangaChapters`) divInput.push(mangaChapters.value) } }cada vez que ingresaba la entrada principal (mangaName) y la mostraba en el HTML interno, simplemente la concatenaba con
y ese es el problema, ¿cómo puedo obtener el valor de cada entrada declarada que hago dentro de mangaName?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial- scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Manga Extension</title> </head> <body> <h1>Manga Name Lists</h1> <input type="text" id="mangaNameInList"> <button id="deleteBtn">DELETE ALL</button> <div id="mangaLists"></div> <script src="script.js"></script> </body> </html>aquí está el código html. gracias por tomarse el tiempo para responder a mi pregunta de codificación :)))