En su mayor parte, lo hice todo. Pero cuando actualizo la página, no se guarda en la matriz y no puedo encontrarla, ¿cómo hago para que no sea solo una matriz temporal y la guarde en el sitio web? Aquí está mi código
const output = document.getElementById("joke") var jokes = ["test123", "test1235", "testting 1"] function inputJoke() { boxvalue = document.getElementById('box').value; jokes.push(boxvalue); console.log(jokes); return false; } function randomChoice(){ return jokes[Math.floor(Math.random() * jokes.length)] } function jokeText(){ output.innerHTML = `${randomChoice()}` } <div class="container"> <h3>Douglas Dad Joke Generator</h3> <br> <br> <button id="jokeBtn" onclick="jokeText()" class="btn">Get Another Joke</button> <div class="text" id="joke"></div> <form onsubmit="return inputJoke()"> <input class="submit" placeholder="Dad joke" type="text" id="box"> <input class="submit" type="submit" value="Submit"> </form> </div> <script src="script.js"></script> <link rel="stylesheet" href="style.css">Aquí está el sitio web https://dad.sscottdev.com
Tal como están las cosas, sus chistes se almacenan en el código mismo, o como lo llamamos, codificados. Si desea que las personas ingresen y guarden sus chistes, deberá agregar una pequeña base de datos y un pequeño backend con ella. Le sugiero que intente buscar formas fáciles y sencillas de hacerlo, como FastAPI (mi recomendación), pero al final todo lo que necesita es una base de datos remota donde se almacenarán todos sus chistes y se podrán recuperar.