He descargado el código de distribución de cs50. En eso, solo se ejecuta lo que escribieron en inbox.js. Lo que he agregado a inbox.js no se está ejecutando. El código que han dado:

 document.addEventListener("DOMContentLoaded", function () { // Use buttons to toggle between views document .querySelector("#inbox") .addEventListener("click", () => load_mailbox("inbox")); document .querySelector("#sent") .addEventListener("click", () => load_mailbox("sent")); document .querySelector("#archived") .addEventListener("click", () => load_mailbox("archive")); document.querySelector("#compose").addEventListener("click", compose_email); // By default, load the inbox load_mailbox("inbox"); }); function compose_email() { // Show compose view and hide other views document.querySelector("#emails-view").style.display = "none"; document.querySelector("#compose-view").style.display = "block"; // Clear out composition fields document.querySelector("#compose-recipients").value = ""; document.querySelector("#compose-subject").value = ""; document.querySelector("#compose-body").value = ""; } function load_mailbox(mailbox) { // Show the mailbox and hide other views document.querySelector("#emails-view").style.display = "block"; document.querySelector("#compose-view").style.display = "none"; // Show the mailbox name document.querySelector("#emails-view").innerHTML = `<h3>${ mailbox.charAt(0).toUpperCase() + mailbox.slice(1) }</h3>`;

En la función load_mailbox, he agregado:

 fetch(`/emails/${mailbox}`) .then((response) => response.json()) .then((emails) => { console.log(emails); });

Pero cuando hice clic en los botones para ver si mi consola funcionaba o no. No veo ningún resultado desde mi consola. Si copio el código que agregué (fetch (...)) y lo pego en la consola, funciona. ¿Cómo implemento eso cuando hago clic en los botones, los resultados se imprimen en la consola? He buscado en la pestaña fuente para ver si mi código está agregado o no. Pero la pestaña fuente solo muestra el código que ellos (cs50) han proporcionado, no el mío. ¿Qué cambios debo hacer en mi código para que la pestaña fuente también cargue mi código? He visto preguntas y respuestas relacionadas sobre este tema, pero no funcionan aquí.