A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat Utolsó változat Következő változat mindkét oldalon | ||
oktatas:web:javascript:allapotok_es_koetesek_tarolasa [2024/03/08 22:40] admin [Számláló] |
oktatas:web:javascript:allapotok_es_koetesek_tarolasa [2024/03/08 22:58] admin [Számláló] |
||
---|---|---|---|
Sor 4: | Sor 4: | ||
* **Szerző:** Sallai András | * **Szerző:** Sallai András | ||
- | * Copyright (c) Sallai András, 2023 | + | * Copyright (c) 2023, Sallai András |
+ | * Szerkesztve: 2023, 2024 | ||
* Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | ||
* Web: https://szit.hu | * Web: https://szit.hu | ||
Sor 26: | Sor 27: | ||
count: 0 | count: 0 | ||
}; | }; | ||
+ | |||
+ | window.addEventListener('load', () => { | ||
+ | init(); | ||
+ | }) | ||
function init() { | function init() { | ||
- | doc.button.innerText = `Count: ${state.count}`; | + | render(); |
doc.button.addEventListener("click", () => | doc.button.addEventListener("click", () => | ||
updateState() | updateState() | ||
Sor 38: | Sor 43: | ||
state.count += 1 | state.count += 1 | ||
render(); | render(); | ||
+ | } | ||
+ | |||
+ | function render() { | ||
+ | doc.button.innerText = `Count: ${state.count}`; | ||
} | } | ||
</code> | </code> | ||
Sor 86: | Sor 95: | ||
calcButton: document.querySelector("#calcButton") | calcButton: document.querySelector("#calcButton") | ||
} | } | ||
- | let state = { | + | const state = { |
base: 0, | base: 0, | ||
height: 0, | height: 0, | ||
area: 0 | area: 0 | ||
} | } | ||
+ | |||
+ | window.addEventListener('load', () => { | ||
+ | init(); | ||
+ | }) | ||
function init() { | function init() { | ||
Sor 109: | Sor 122: | ||
} | } | ||
- | init(); | ||
</code> | </code> | ||
+ | ===== Lásd még ===== | ||
+ | * https://github.com/oktat/exemployee_statejs |