Ciao a tutti! premetto che sono appena iscritto e sto alle primissime armi con i codici.


Sto svolgendo una esercitazione che mi ha dato il professore all'universitā (pannello in cui attraverso due bottoni "avanti" ed "indietro" si fanno scorrere delle notizie con foto) in cui mi chiede di disabilitare il bottone "avanti" nel momento in cui la slideshow termina e giunge all'ultima notizia (var notizie[4]).


Sto provando in tutti i modi con javascript (attraverso if) a disabilitare il bottone nel momento in cui arriva all'ultima notizia ma niente...vi riporto il codice di seguito. Grazie per il vostro aiuto!!

codice:
<!DOCTYPE html>
<html lang="it">
<head>
  <style type="text/css">
  textarea  {
    width: 98%;
	font-family: Arial, sans-serif;
	font-style: oblique;
	background-color: pink;
	border: 1px solid red;
	border-radius: 4px;
  }
  .centrato  {  text-align: center;}
  table  {  border: 1px solid blue}
  </style>
  <title>Notiziario</title>
  <meta charset="utf-8">
  <script type="text/javascript">
    var i=0;
	var notizie = new Array(5);
	notizie[0]="Hollywood accende l'albero di Natale \n L'annuale cerimonia The Grove Christmas Tree Lighting, con tante star";
	notizie[1]="Sumatra, si risveglia il monte Sinabung \n Alcune persone sono state evacuate dai villaggi ai piedi del vulcano";
	notizie[2]="Iraq: raffica attentati a Baghdad, 24 morti \n Numerose le persone rimaste ferite, colpiti soprattutto i quartieri a maggioranza sciita della capitale";
	notizie[3]="Sardegna, notte fuori casa per gli sfollati Nessuna traccia del disperso, 16 le vittime \n Polemiche sull'allarme. Orlando e Gabrielli: \"Lanciato dodici ore prima del disastro\"";
	notizie[4]="Letta: \"007 non hanno violato privacy Italia\" \n Informativa alla Camera sulla vicenda. \"Obama vuole mettere uno stop alla sorveglianza degli alleati\"";
	


	var q=0;
	var orario = new Array(5);
	orario[0]="09:30";
	orario[1]="09:31";
	orario[2]="09:32";
	orario[3]="09:33";
	orario[4]="09:34";
	
	var k=0;
	var figure = new Array(5);
	figure[0]=new Image();
	figure[0].src="immagini/hollywood.jpg";
	figure[1]=new Image();
	figure[1].src="immagini/sumatra.jpg";
	figure[2]=new Image();
	figure[2].src="immagini/iraq.jpg";
	figure[3]=new Image();
	figure[3].src="immagini/sardegna.jpg";
	figure[4]=new Image();
	figure[4].src="immagini/letta.jpg";
	


  </script>
</head>
<body onLoad="document.getElementById('testo').value=notizie[0];
              document.getElementById('numero').value=orario[0];
			  document.getElementById('foto').src=figure[0].src">
<h1>Notiziario</h1>
<noscript>Attenzione Javascript &egrave; disabilitato. Lo scorrimento delle notizie non funziona.</noscript>
<form action="javascript:void(0)" method="post" name="modulo" id="modulo"
onSubmit="document.getElementById('testo').value = notizie[i];
          document.getElementById('numero').value = orario[q];
          document.getElementById('foto').src = figure[k].src;
		  document.getElementById('segnaNotizie').value = i+1">
<table id="notizie">
  <tr>
    <td> 
      <img id="foto" src="figure[k].src">
	</td>
  </tr>
  <tr>
    <td colspan="3">
	  <textarea name="testo" id="testo" rows="5" cols="35" readonly>
	  </textarea>
	</td>
  </tr>
  <tr>
    <td colspan="3">
	  <textarea name="numero" id="numero" rows="1" cols="10" readonly>
	  </textarea>
	</td>
  </tr>
  <tr>
    <td class="centrato">
	  <input id="indietro" name="indietro" type="submit" value="&larr;indietro"
	               onClick="i = Math.max(i-1,0);
				            q = Math.max(q-1,0);
							k = Math.max(k-1,0)">
	</td>
	<td class="centrato">
	  <progress id="segnaNotizie" value="1" max="5">
Scorri le notizie<!--questo messaggio si vede nei browser che non riconoscono il tag "progress" -->
      </progress>
	  </td>
	  <td class="centrato">
	  <input id="avanti" name="avanti" type="submit" value="avanti&rarr;"
	         onclick="i = Math.min(i+1,4);
			          q = Math.min(q+1,4);
					  k = Math.min(k+1,4)">
	  </td>
	</tr>
</table>
</form>
</body>
</html>