Me gustaría crear una aplicación de lista Html simple en mi computadora local con funcionalidad de guardado localmente, nuevos elementos de lista agregados a la lista y guardados. Estaba buscando en línea, pero solo encontré soluciones complicadas que requerían un objeto de entrada para guardar. Me gustaría preguntar si el siguiente código puede funcionar con alguna modificación.
índice.html
<html lang="en"> <head> <title>App</title> </head> <body> Content... <button onclick="save()">Save</button> </body> <script src="setup.js"></script> </html>configuración.js
async function save(content){ let fileData = new File([""], "index.html"); let stream = fileData.createWritable(); let text = "text"; await stream.write(text); await stream.close();Si está ejecutando un navegador Chromium muy reciente, puede usar window.showSaveFilePicker. ([https://developer.mozilla.org/en-US/docs/Web/API/Window/showSaveFilePicker]) De los documentos:
function getNewFileHandle() { const opts = { types: [{ description: 'Text file', accept: {'text/plain': ['.txt']}, }], }; return window.showSaveFilePicker(opts); } async function writeFile(fileHandle, contents) { // Create a FileSystemWritableFileStream to write to. const writable = await fileHandle.createWritable(); // Write the contents of the file to the stream. await writable.write(contents); // Close the file and write the contents to disk. await writable.close(); }