Czym jest dyskretny Javascript w kategoriach laika?

Sprawdź artykuł w Wikipedii:

• Unobtrusive JavaScript

"dyskretny JavaScript" jest ogólnym podejście do wykorzystania JavaScript w strony www. Choć termin ten nie jest formalnie określone, jego podstawowe zasady są ogólnie rozumiane jako:

• oddzielenie funkcjonalności ("warstwa zachowania") od strony internetowej struktura / treść i prezentacja
• Najlepsze praktyki, aby uniknąć problemów z tradycyjny JavaScript programowanie (np. przeglądarka niespójności i braku skalowalność)
• Progressive enhancement to support user agents that may not obsługa Zaawansowanego JavaScript funkcjonalność[2]

Jest to więc w zasadzie oddzielenie behavior lub javascript od prezentacji lub html.

Przykład:

<input type="button" id="btn" onclick="alert('Test')" />

To nie jest dyskretny javascript, ponieważ zachowanie i prezentacja są mieszane. onclick nie powinno być w html i powinien być częścią samego javascript, a nie html.

Z powyższym przykładem możesz przejść bez przeszkód w następujący sposób:

<input type="button" id="btn" />

JavaScript:

var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};

Tym razem oddzieliliśmy javascript od html za pomocą bardzo podstawowego przykładu.

Uwaga:

Jest więcej do dyskretnego javascript, jak można sprawdzić w artykule Wikipedii.