Estoy creando una aplicación web Spring que permite enviar fragmentos de código a una base de datos. Tengo un punto final HTML donde puede ingresar texto y hacer clic en un botón para que el texto se envíe a una base de datos. Aquí está el código html:

El script send.js es responsable de tomar el texto de entrada y enviarlo a json. Aquí está el código send.js:

 function send() { let object = { "code": document.getElementById("code_snippet").value }; let json = JSON.stringify(object); let xhr = new XMLHttpRequest(); xhr.open("POST", '/api/code/new', false) xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8'); xhr.send(json); if (xhr.status == 200) { alert("Success!"); } }

Por alguna razón cuando presiono el botón no pasa nada. Intenté depurar la aplicación y parece que no ejecuta el código js. Tuve algunos problemas incluso para acceder a send.js en html al principio, intellij simplemente no podía verlo por alguna razón. Esta es mi estructura de recursos:

¿Qué estoy haciendo mal aquí?

Editar: intenté agregar esto en lugar de solo verificar si el estado es igual a 200 y no recibo ninguna de las alertas

 if (xhr.status != 200) { alert("Something went wrong!"); } else if (xhr.status == 200){ alert("Success!"); }