Soy muy nuevo pero he completado algunos cursos en freecodecamp. Digamos que hago un objeto sobre autos. Quiero que el usuario de la página web pueda escribir "Ford Mustang" y luego toda la información almacenada en el objeto fordMustang aparece para que el usuario la lea.
He intentado algunas tácticas diferentes, pero no puedo hacer que funcione. Aquí está el código que he escrito,
<label for="navn"> <input type="text" id="field" class="field" name="navn"> <input type="submit" value="send" id="send" class="send"> </label> <p id="par"> </p> let fordMustang = { producer: "Ford", type: "Mustang", engine: "v8", horsePower: 300 } const inputField = document.querySelector(".field"); const press = document.querySelector("#send"); const para = document.querySelector("#par"); function objScan() { const word = String(inputField.value); if (word == "Ford Mustang") { para.textContent = fordMustang; } else { para.textContent = "Not recognized" } } press.addEventListener("click", objScan);Puede usar JSON.stringify() para lograr esto. Debe reemplazar para.textContent = fordMustang; con JSON.stringify(fordMustang);
let fordMustang = { producer: "Ford", type: "Mustang", engine: "v8", horsePower: 300 } const inputField = document.querySelector(".field"); const press = document.querySelector("#send"); const para = document.querySelector("#par"); function objScan() { const word = String(inputField.value); if (word == "Ford Mustang") { para.textContent = JSON.stringify(fordMustang); } else { para.textContent = "Not recognized" } } press.addEventListener("click", objScan); <label for="navn"> <input type="text" id="field" value="Ford Mustang" class="field" name="navn"> <input type="submit" value="send" id="send" class="send"> </label> <p id="par"> </p>Ya casi has llegado. Solo necesita cambiar su identificador const para de id a class . Y agregue algunos saltos de línea significativos o cualquier estilo que desee mostrar dentro de la etiqueta usando innerHTML
let fordMustang = { producer: "Ford", type: "Mustang", engine: "v8", horsePower: 300 } const inputField = document.querySelector(".field"); const para = document.querySelector(".par"); function objScan() { const word = String(inputField.value); if (word == "Ford Mustang") { let result = "" Object.entries(fordMustang).map(entries => result += entries[0] + ": " + entries[1] + "<br>") para.innerHTML = result } else { para.textContent = "Not recognized" } } <label for="navn"> <input type="text" id="field" class="field" name="navn" value="Ford Mustang"> <input type="submit" value="send" id="send" class="send" onclick="objScan()"> </label> <p id="par" class="par"> </p>