Egyszerű programok építése - JavaScript az alapoktól

Témakörök:
  • Példa alkalmazás építése
  • Egy app tipikus részei
  • Action, state, render fogalma
  • Event object

Töltsd le a sablon fájlokat a projekthez:

https://github.com/matebolgar/javascript-az-alapoktol/tree/master/dobozok-template

 

 

 

 

Megjegyzés:
A 6.doboznál, ha üres mezőnél kattintunk a küldés gombra, a beviteli mező bekerül a dobozba.
Ez azért van, mert ilyenkor a span element innerHTML-jébe üres string kerül, így a span-nak nem lesz magassága és minden feljebb csúszik.

 

Megoldás:
Érdemes belevinni a logikába azt is, hogy üres string érték esetén egy kötőjel kerüljön be tartalomként. Pl a 112. sornál:

var ertek = event.target.elements.boxNumber.value; 

document.getElementById("element-six").firstElementChild.innerHTML = ertek ? ertek : "-";

 


Kész:

https://github.com/matebolgar/javascript-az-alapoktol/tree/master/dobozok


Ha tetszik a tartalom, akkor küldj Google értékelést!

Ezzel segítesz, hogy a Kódbázis képzései minél több emberhez eljussanak. Köszönöm!