Estoy tratando de publicar un formulario. Cuando la publicación tiene éxito, el formulario se borra. Sin embargo, en caso de que Post falle, no quiero borrar el formulario. ¿Cómo debo actualizar el código a continuación para que el formulario no se borre en caso de que la publicación falle?

 *const form = document.querySelector("#create-form") const foodName = document.querySelector("#create-name") const carbs = document.querySelector("#create-carbs") const protein = document.querySelector("#create-protein") const fat = document.querySelector("#create-fat") form.addEventListener("submit", event => { event.preventDefault() //console.log(carbs.value) const operation = async (name,carbs, protein, fat) =>{ const response = await fetch("https://firestore.googleapis.com/v1/projects/jsdemo-3f387/databases/(default)/documents/random12345610",{ method: "POST", body: JSON.stringify({ fields: { name: { stringValue: name }, carbs: { integerValue: carbs }, protein: { integerValue: protein }, fat: { integerValue: fat } } }) }) try{ const data = await response.json()} catch(error){return;} } operation(foodName.value, carbs.value, protein.value, fat.value) foodName.value = ""; carbs.value = ""; protein.value = ""; fat.value = ""; })*