Quiero crear una página html en la que haya una entrada. Por ejemplo, estoy ingresando un Input Mango, alerta las propiedades del objeto. por ej. en caso de mango -
color = 'Yello' tasste = 'sweet' price = 30¿Puedes ayudarme a hacer esto?
Simplemente puede definir los datos json en una var y extraer su valor cada vez que el usuario haya ingresado cualquier valor en el cuadro de entrada utilizando EventListener ...
Puedes probar:
// Add more items as per your choice in it data = { "mango": { "color": "Yello", "tasste": "sweet", "price": 30 }, "apple": { "color": "Red", "tasste": "sweet", "price": 40 } } document.getElementById("input").addEventListener('input', function(evt) { if (data[this.value]) { document.getElementById("details").innerHTML = `Color : ${data[this.value]['color']}<br> Taste : ${data[this.value]['tasste']}<br> Price : ${data[this.value]['price']}`; } else { document.getElementById("details").innerHTML = "Invalid Input.<br>Please enter a valid value"; } }); <input type="text" id="input"> <div id="details"></div>