Estoy tratando de vincular mi código js vanilla con json. Quiero mostrar el valor de la clave de objeto que se ingresa en el cuadro de búsqueda. Agrego una imagen de ejemplo de lo que quiero. Gracias imagen del tipo de resultado que quiero.
Mi html y script básicos:
<!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"> <title>Sono brillo</title> </head> <body> <h1>hello</h1> <input id = "userInput" > <br> <br> <button onclick="myFunction()" > Run </button> <h1 id="message"> </h1> <style> body{background-color: darkblue; text-align: center; color: floralwhite;} </style> <script> function myFunction() { let userInput = document.querySelector("#userInput"); let message = document.querySelector("#message"); message.innerHTML = userInput.value; } </script> </body> </html>y mi hijo
https://drive.google.com/file/d/1ELIw__G5fXP3OZVTd-AZ9tu7YjzL-2G9/view?usp=sharing