Tehtävä: Pankkihälytyksen luominen

Työskennellään pankkitilin parissa. Tavoitteena on kehittää logiikka, joka ilmoittaa käyttäjälle, onko hänen kortillaan tarpeeksi varoja tietyn hinnan kattamiseen. Tuloksen perusteella näytetään käyttäjälle eri viestit.

Tehtävä:

• Luo kaksi komponenttia - App (vanhempi) ja Message (lapsi).
• Vanhempi komponentti (App) siirtää propseina arvot moneyAvailable, price ja name.
  1. moneyAvailable - käyttäjän tilillä oleva rahamäärä;
  2. price - summa, joka käyttäjän täytyy maksaa;
  3. name - käyttäjän nimi.
• Jos käyttäjällä on tarpeeksi rahaa maksamiseen, näytetään viesti: Success! The remaining amount of money for <user_name> is: <calculated_amount_of_money_left>. Thank you!.
• Jos käyttäjällä ei ole tarpeeksi rahaa, näytetään viesti: Failure! The bank account balance for <user_name> is: <moneyAvailable>. Unfortunately, you need to pay: <price>.

1. Reactissa käytetään ternääristä operaattoria condition ? ... : ... toteuttamaan if...else-logiikka.
2. Merkkijonon muodostamiseksi oikein,
   • Korvaa paikkamerkki user_name todellisella käyttäjän nimellä: name-prop;
   • Korvaa paikkamerkki calculated_amount_of_money_left lasketulla jäljellä olevalla rahamäärällä - moneyAvailable - price;
   • Korvaa paikkamerkki moneyAvailable todellisella rahamäärällä - moneyAvailable-prop;
   • Korvaa paikkamerkki price todellisella hinnalla - price-prop.
3. Käytä aaltosulkuja {...} asettaaksesi arvon, joka ei ole merkkijono.