Keskustelu: Ohjelmointikysymykset: HTML: Muuttujien näkyvyys tapahtumankäsittelijöissä

scriptitiedostossa:

var i=7;

htmlkoodissa:

<input type="button" id="lisaayhdella" onclick="javascript:i++;"/>

<input type="button" id="tulosta"
      onclick="javascript:
         alert(i);
              "
/>

Painellaan hetken lisaayhdella -buttonia ja sitten tulosta -buttonia. Homma toimii

Jos tehdään niin, että tulosta-button saadaankiin selaimen pinnalle ajax-kutsun tulosteena, niin joissain tapauksissa i ei päivitykkään. Onko tämä totta ja millaiset muuttujin näkyvyyssäännöt koskevat ajax-kutsuja?

Mod. siirsi aiheen ja lisäsi kooditagit!

Tee ennemmin koodi kunnolla kuin ihmettelet sitä, miksi huonosti tehty koodi ei toimi kuten haluaisit. Laita kaikki javascript-koodi erillisiin js-filuihin ja lisää tapahtumakäsittelijät js:stä käsin, eikä niin että pupellat one-linereita html:n täyteen.

Siis: ota kaikki onclick-attribuutit pois ja laita niiden sisältämä koodi js-filuihin.