Opgave: Opret en bankadvarsel

Lad os arbejde med en bankkonto. Målet er at udvikle en logik, der informerer brugeren om, hvorvidt der er tilstrækkelige midler på kortet til at dække en given pris. Afhængigt af resultatet vises forskellige beskeder til brugeren.

Opgaven er:

• Opret to komponenter - App, forælder, og Message, barn.
• Forældrekomponenten (App) overfører props moneyAvailable, price og name.
  1. moneyAvailable - repræsenterer det beløb, brugeren har til rådighed;
  2. price - angiver det beløb, brugeren skal betale;
  3. name - refererer til brugerens navn.
• Hvis brugeren har nok penge til at betale, vises beskeden: Success! The remaining amount of money for <user_name> is: <calculated_amount_of_money_left>. Thank you!.
• Hvis brugeren ikke har nok penge til at betale, vises beskeden: Failure! The bank account balance for <user_name> is: <moneyAvailable>. Unfortunately, you need to pay: <price>.

1. I React anvendes den ternære operator condition ? ... : ... til at implementere logikken i en if...else-sætning.
2. For at konstruere strengen korrekt:
   • Udskift pladsholderen user_name med det faktiske brugernavn: name-prop;
   • Udskift pladsholderen calculated_amount_of_money_left med det beregnede beløb, der er tilbage - moneyAvailable - price;
   • Udskift pladsholderen moneyAvailable med det faktiske tilgængelige beløb - moneyAvailable-prop;
   • Udskift pladsholderen price med den faktiske pris - price-prop.
3. Brug krøllede parenteser {...} til at tildele en værdi, der ikke er af typen streng.