BMI kalkulátor

Feladat

  1. Hozzon létre egy mappát ’bmi’ néven!
  2. A mappán belül hozza létre a ’bmi.html’, ’bmi.css’ és ’bmi.js’ fájlokat!

html

  1. A html fájlban hozzon létre egy valid html dokumentumot, a ’lang’ attribútumot állítsa magyarra!

  2. Az oldal címe legyen ’BMI kalkulátor’!

  3. A <head> tag-en belül helyezzen el egy linket, ami a stíluslapra hivatkozik!

  4. A <body> zárótege előtt helyezzen el egy <script> tag-et, ami a javascript fájlra mutat!

  5. A <script> tag előtt hozzon létre egy <div> tag-et, ezen belül fogunk dolgozni. Az ’id’ legyen ’full’!

  6. Készítsen egy űrlapot az alábbiak és a minta szerint:

  7. Az űrlap után hozzon létre egy üres <div> tag-et, az ’id’ attribútum legyen ’eredmeny’!

  8. Az űrlap után hozzon létre egy üres <div> tag-et, az ’id’ attribútum legyen ’ertekeles’!

javascript

  1. A ’bmi.js’ javascript fájlban hozza létre a ’Kiszamol()’ függvényt, a függvényen belül kérje le az inputmezők értékeit!

  2. A BMI (testtömegindex) értéket a következő képlettel számoljuk:

    BMI = kg / (cm/100)2)

  3. A függvény írja bele az ’eredmeny’ id-hoz tartozó <div>-be a kalkulált eredményt!

  4. A következő táblázat alapján írja bele az 'ertekeles'id-hoz tartozó <div>-be az eredményt!

Érték Leírás
18,5 alatt soványság
18,5 és 24,9 között ideális testtömeg
25,0 és 29,9 között túlsúly
30,0 és 34,9 között elhízás
35,0 és 39,9 között súlyos elhízás
40,0 felett igen súlyos fokú elhízás

css

  1. Igazítsa középre a ’full’ id-hoz tartozó <div> tag tartalmát!
  2. Legyen minden betűméret ’3rem’ nagyságú!
  3. A <form> tartalma legyen függőleges elrendezésű! (Segítség: flexbox)