Dato il seguente codice HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Modifica Categorie</title>
<link rel="stylesheet"
href="Styles/modify.css"
/>
</head>
<body>
<script type="text/javascript">

function delete() {
alert('Hello World');
}

</script>
<section class="mainImage">
[img]Images/logo.jpg[/img]
</section>
<table id="catTable"><tr><td>Sala Sciroppi</td><td>SYR</td>
<td><input type="button" value="Cancella" onClick="delete();"></td>
<td><input type="button" value="Modifica"></td>
</tr></table></body>
</html>

Quando clicco sul pulsante "Cancella" non viene eseguita il richiamo alla function javascript delete(); se invece cambio la riga di dichiarazione del pulsante con la seguente:

<td><input type="button" value="Cancella" onClick="alert('Hello World');"></td>

La funzione javascript alert viene eseguita
Come mai ?
Ringrazio anticipatamente per l'aiuto