Estoy tratando de crear un sitio web básico que ejecute un script JS cuando se presiona un botón (aceptando la entrada de un cuadro de texto). Este sitio web está actualmente alojado en páginas de Github. Cuando se activa, el script debería:

• Cargar JSON desde un archivo
• Modifique un valor del JSON para que sea la entrada del usuario
• Vuelva a escribir el archivo JSON para incluir este cambio
• Descarga automáticamente el archivo JSON modificado para el usuario

Una vez que termine, quiero que el archivo se incluya en otro directorio, y ese directorio se comprima y se descargue en lugar de solo el archivo JSON modificado.

Aquí está mi código hasta ahora:

 document.getElementById("submit").onclick = function(){ var userInput = document.getElementById("userInput").value; fetch("path/to/file/myfile.json") .then(response => response.json() ) .then(result => { result["foo"]["bar"] = userInput; var data = JSON.stringify(result); data = "text/json;charset=utf-8," + encodeURIComponent(data); var a = document.createElement('a'); a.href = 'data:' + data; a.download = 'data.json'; a.innerHTML = 'download JSON'; document.getElementById('container').appendChild(a); }); };

Actualmente, recibo un error 405 No permitido cuando hago clic en el botón. Mirando la consola, toda la información que obtengo es "POST 405". Anteriormente, cuando todavía estaba jugando con un montón de cosas, recibía errores que decían algo como "la entrada de usuario no se puede configurar como indefinida (resultado ["foo"] ["bar"])".

Un par de cosas:

• Sí, el archivo existe. La consola muestra la confirmación de que la solicitud de recuperación se realizó correctamente.
• La ruta de la clave ["foo"]["bar"] existe en el objeto JSON.

¿Alguna idea sobre el tema? Agradezco su ayuda por adelantado!