Estoy tratando de incluir un diálogo de confirmación en mi código, pero me quedo atascado mientras lo implemento. Quiero agregar un botón a mi código para que, al hacer clic en él, aparezca un cuadro de diálogo de confirmación. Al presionar la "opción sí", debería eliminar los datos en mi base de datos, mientras que al presionar la "opción no" debería cerrar el cuadro de diálogo sin hacer nada más. Pero en realidad, cuando ejecuto mi código, aparece mi cuadro de diálogo y las opciones de confirmación sí/no, pero al ejecutar la opción "no", el código de envío en html también se activa, de modo que al elegir "sí" o "no" obtengo el mismo efecto y borra siempre los datos de mi base de datos.

Este es mi código html:

 <form method="POST" action="/delete/prop" > <p class="card-text h6"> <b>Typology: </b> <%= book.typology %> </p> <input type="hidden" name="id5" value=<%= book.id %> /> <input type="hidden" name="prop" value= "typology" /> <input type="submit" value="Yes" class="button btn btn-danger" onclick="confirmAction()" /> </form>

Y mi javascript relacionado con el código de diálogo:

 <script type="text/javascript"> function confirmAction() { let confirmAction = confirm("Are you sure to execute this action?"); if (confirmAction == true) { alert("Action successfully executed"); } else { alert("Action cancelled"); } }