El siguiente programa agregará el texto ingresado en input a una matriz y mostrará la matriz en una etiqueta p . cuando el usuario presione enviar, el texto se agregará a la matriz. Necesito agregarlo como un objeto que contiene índice y texto.
Actualmente, la matriz se verá así: ['a', 'b', 'c']
Necesito que la matriz se vea como: [{"index": 0, "text": "a"}, {"index": 1, "text": "b"}]
let arr = []; function addText() { let text = document.getElementById('text').value; arr.push(text); res = document.getElementById('result-text').innerText = arr; } <input type="text" id="text" placeholder="Enter a text" /> <input type="submit" onclick="addText()" /> <p id="result-text"></p>simplemente hazlo
let arr = []; function addText() { let text = document.getElementById('text').value; arr.push({ index: arr.length, text }); res = document.getElementById('result-text').innerText = JSON.stringify(arr); }Simplemente cree el objeto y guárdelo en una matriz
let arr = []; function addText() { let text = document.getElementById('text').value; let textObj = { index: arr.size, text: text } arr.push(textObj); res = document.getElementById('result-text').innerText = arr; } <input type="text" id="text" placeholder="Enter a text" /> <input type="submit" onclick="addText()" /> <p id="result-text"></p>Solo usa el mapa:
function addText() { const text = document.getElementById('text').value; const arr = text.split(','); const result = arr.map((text, index) => ({index, text})) document.getElementById('result-text').innerText = JSON.stringify(result); } <input type="text" id="text" placeholder="Enter a text" /> <input type="submit" onclick="addText()" /> <p id="result-text"></p>