tomar_foto.js

/*
    En el clic del botón hacemos una petición a ./tomar_foto_guardar 
*/
const $btnTomarFotoServidor = document.querySelector("#btnTomarFotoServidor"),
    $estado = document.querySelector("#estado");
$btnTomarFotoServidor.onclick = async () => {
    $estado.textContent = "Tomando foto...";
    const respuestaRaw = await fetch("./tomar_foto_guardar");
    const respuesta = await respuestaRaw.json();
    let mensaje = "";
    if (respuesta.ok) {
        mensaje = `Foto guardada como ${respuesta.nombre_foto}`;
    } else {
        mensaje = `Error tomando foto`;
    }
    $estado.textContent = mensaje;
};