IMC калькулятор

Экспорт блока

eyJ0eXBlIjoiZm9ybS1ub3JtYWwiLCJwcmVzZXQiOiJmb3JtMDIiLCJwYXJhbXMiOiJ7XCJmb3JtXCI6e1wiaXRlbXNcIjp7XCJwYXJ0c1wiOntcImZpZWxkNDkzNzZcIjp7XCJpbm5lclwiOntcInZhbHVlXCI6XCIgICAgPHN0eWxlPlxcclxcbiAgICAgICAgLmNvbmZpcm0tcnVsZXMtY2hlY2tib3gge1xcclxcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XFxyXFxuICAgICAgICB9XFxyXFxuXFxyXFxuICAgICAgICAuYm1pLWNvbnRhaW5lciB7XFxyXFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xcclxcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XFxyXFxuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcXHJcXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xcclxcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDBweCA0cHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XFxyXFxuICAgICAgICAgICAgbWF4LXdpZHRoOiA4MDBweDtcXHJcXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcXHJcXG4gICAgICAgIH1cXHJcXG5cXHJcXG4gICAgICAgIC5pbnB1dC1zZWN0aW9uLFxcclxcbiAgICAgICAgLnJlc3VsdC1zZWN0aW9uIHtcXHJcXG4gICAgICAgICAgICBmbGV4OiAxO1xcclxcbiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7XFxyXFxuICAgICAgICB9XFxyXFxuXFxyXFxuICAgICAgICAuaW5wdXQtc2VjdGlvbiB7XFxyXFxuICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2RkZDtcXHJcXG4gICAgICAgIH1cXHJcXG5cXHJcXG4gICAgICAgIGxhYmVsIHtcXHJcXG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcXHJcXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xcclxcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xcclxcbiAgICAgICAgfVxcclxcblxcclxcbiAgICAgICAgaW5wdXQsXFxyXFxuICAgICAgICBzZWxlY3Qge1xcclxcbiAgICAgICAgICAgIHdpZHRoOiA5MCU7XFxyXFxuICAgICAgICAgICAgcGFkZGluZzogMTBweDtcXHJcXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xcclxcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XFxyXFxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xcclxcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXHJcXG4gICAgICAgIH1cXHJcXG5cXHJcXG4gICAgICAgIC5ibWktY29udGFpbmVyIGgyIHtcXHJcXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xcclxcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMzBweDtcXHJcXG4gICAgICAgIH1cXHJcXG5cXHJcXG4gICAgICAgIC5yZXN1bHQtc2VjdGlvbiBwIHtcXHJcXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xcclxcbiAgICAgICAgfVxcclxcblxcclxcbiAgICAgICAgLmNhbGN1bGF0ZS1idG4ge1xcclxcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxyXFxuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXHJcXG4gICAgICAgICAgICB3aWR0aDogOTAlO1xcclxcbiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHg7XFxyXFxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwN0JGRjtcXHJcXG4gICAgICAgICAgICBjb2xvcjogI2ZmZjtcXHJcXG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XFxyXFxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xcclxcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXHJcXG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxuICAgICAgICB9XFxyXFxuXFxyXFxuICAgICAgICAuY2FsY3VsYXRlLWJ0bjpob3ZlciB7XFxyXFxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNTZiMztcXHJcXG4gICAgICAgIH1cXHJcXG5cXHJcXG4gICAgICAgIC5yZXN1bHQtc2VjdGlvbiBzcGFuIHtcXHJcXG4gICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcXHJcXG4gICAgICAgIH1cXHJcXG4gICAgPFxcL3N0eWxlPlxcclxcblxcclxcbiAgICA8ZGl2IGNsYXNzPVxcXCJibWktY29udGFpbmVyXFxcIj5cXHJcXG4gICAgICAgIDxkaXYgY2xhc3M9XFxcImlucHV0LXNlY3Rpb25cXFwiPlxcclxcbiAgICAgICAgICAgIDxoMj5JbnRyb2R1IGRhdGVsZTxcXC9oMj5cXHJcXG4gICAgICAgICAgICA8bGFiZWwgZm9yPVxcXCJhZ2VcXFwiPlZcXHUwMGUycnN0YSAoYW5pKTo8XFwvbGFiZWw+XFxyXFxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XFxcIm51bWJlclxcXCIgaWQ9XFxcImFnZVxcXCIgbWluPVxcXCIxXFxcIiBtYXg9XFxcIjEyMFxcXCIgcGxhY2Vob2xkZXI9XFxcIlxcXCI+XFxyXFxuXFxyXFxuICAgICAgICAgICAgPGxhYmVsIGZvcj1cXFwiZ2VuZGVyXFxcIj5TZXg6PFxcL2xhYmVsPlxcclxcbiAgICAgICAgICAgIDxzZWxlY3QgaWQ9XFxcImdlbmRlclxcXCI+XFxyXFxuICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XFxcIm1hbGVcXFwiPkJcXHUwMTAzcmJhdDxcXC9vcHRpb24+XFxyXFxuICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XFxcImZlbWFsZVxcXCI+RmVtZWllPFxcL29wdGlvbj5cXHJcXG4gICAgICAgICAgICA8XFwvc2VsZWN0PlxcclxcblxcclxcbiAgICAgICAgICAgIDxsYWJlbCBmb3I9XFxcImhlaWdodFxcXCI+XFx1MDBjZW5cXHUwMTAzbFxcdTAyMWJpbWUgKGNtKTo8XFwvbGFiZWw+XFxyXFxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XFxcIm51bWJlclxcXCIgaWQ9XFxcImhlaWdodFxcXCIgbWluPVxcXCI1MFxcXCIgbWF4PVxcXCIyNTBcXFwiIHBsYWNlaG9sZGVyPVxcXCJcXFwiPlxcclxcblxcclxcbiAgICAgICAgICAgIDxsYWJlbCBmb3I9XFxcIndlaWdodFxcXCI+R3JldXRhdGUgKGtnKTo8XFwvbGFiZWw+XFxyXFxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XFxcIm51bWJlclxcXCIgaWQ9XFxcIndlaWdodFxcXCIgbWluPVxcXCIyMFxcXCIgbWF4PVxcXCIzMDBcXFwiIHBsYWNlaG9sZGVyPVxcXCJcXFwiPlxcclxcblxcclxcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XFxcImNhbGN1bGF0ZS1idG5cXFwiIG9uY2xpY2s9XFxcImNhbGN1bGF0ZUJNSSgpXFxcIj5DYWxjdWxlYXpcXHUwMTAzIElNQzxcXC9kaXY+XFxyXFxuICAgICAgICA8XFwvZGl2PlxcclxcblxcclxcbiAgICAgICAgPGRpdiBjbGFzcz1cXFwicmVzdWx0LXNlY3Rpb25cXFwiPlxcclxcbiAgICAgICAgICAgIDxoMj5SZXp1bHRhdDxcXC9oMj5cXHJcXG4gICAgICAgICAgICA8cD5JTUMtdWwgdFxcdTAxMDN1OjxzcGFuIGlkPVxcXCJibWktcmVzdWx0XFxcIj4tLTxcXC9zcGFuPjxcXC9wPlxcclxcbiAgICAgICAgICAgIDxwPk5pdmVsOiA8c3BhbiBpZD1cXFwiYm1pLWxldmVsXFxcIj4tLTxcXC9zcGFuPjxcXC9wPlxcclxcbiAgICAgICAgICAgIDxwPkRpYXBhem9udWwgc1xcdTAxMDNuXFx1MDEwM3RvczogPHNwYW4gaWQ9XFxcImhlYWx0aHktYm1pXFxcIj4tLTxcXC9zcGFuPjxcXC9wPlxcclxcbiAgICAgICAgICAgIDxwPkdyZXV0YXRlIG9wdGltXFx1MDEwMzo8c3BhbiBpZD1cXFwiaGVhbHRoeS13ZWlnaHRcXFwiPi0tPFxcL3NwYW4+PFxcL3A+XFxyXFxuICAgICAgICAgICAgPHA+UmVjb21hbmRcXHUwMTAzcmk6PHNwYW4gaWQ9XFxcInJlY29tbWVuZGF0aW9uXFxcIj4tLTxcXC9zcGFuPjxcXC9wPlxcclxcbiAgICAgICAgPFxcL2Rpdj5cXHJcXG4gICAgPFxcL2Rpdj5cXHJcXG5cXHJcXG4gICAgPHNjcmlwdD5cXHJcXG4gICAgICAgIGZ1bmN0aW9uIGNhbGN1bGF0ZUJNSSgpIHtcXHJcXG4gICAgICAgICAgICBjb25zdCBhZ2UgPSBwYXJzZUludChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYWdlJykudmFsdWUsIDEwKTtcXHJcXG4gICAgICAgICAgICBjb25zdCBnZW5kZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZ2VuZGVyJykudmFsdWU7XFxyXFxuICAgICAgICAgICAgY29uc3QgaGVpZ2h0ID0gcGFyc2VGbG9hdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaGVpZ2h0JykudmFsdWUpO1xcclxcbiAgICAgICAgICAgIGNvbnN0IHdlaWdodCA9IHBhcnNlRmxvYXQoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3dlaWdodCcpLnZhbHVlKTtcXHJcXG5cXHJcXG4gICAgICAgICAgICBpZiAoaXNOYU4oYWdlKSB8fCBpc05hTihoZWlnaHQpIHx8IGlzTmFOKHdlaWdodCkpIHtcXHJcXG4gICAgICAgICAgICAgICAgYWxlcnQoXFxcIlZcXHUwMTAzIHJ1Z1xcdTAxMDNtIHNcXHUwMTAzIGNvbXBsZXRhXFx1MDIxYmkgdG9hdGUgY1xcdTAwZTJtcHVyaWxlLlxcXCIpO1xcclxcbiAgICAgICAgICAgICAgICByZXR1cm47XFxyXFxuICAgICAgICAgICAgfVxcclxcblxcclxcbiAgICAgICAgICAgIGNvbnN0IGhlaWdodE1ldGVycyA9IGhlaWdodCBcXC8gMTAwO1xcclxcbiAgICAgICAgICAgIGNvbnN0IGJtaSA9ICh3ZWlnaHQgXFwvIChoZWlnaHRNZXRlcnMgKiBoZWlnaHRNZXRlcnMpKS50b0ZpeGVkKDIpO1xcclxcblxcclxcbiAgICAgICAgICAgIGxldCBsZXZlbDtcXHJcXG4gICAgICAgICAgICBpZiAoYm1pIDwgMTguNSkge1xcclxcbiAgICAgICAgICAgICAgICBsZXZlbCA9ICdTdWJwb25kZXJhbGknO1xcclxcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoYm1pID49IDE4LjUgJiYgYm1pIDwgMjUpIHtcXHJcXG4gICAgICAgICAgICAgICAgbGV2ZWwgPSAnU3RhbmRhcmQnO1xcclxcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoYm1pID49IDI1ICYmIGJtaSA8IDMwKSB7XFxyXFxuICAgICAgICAgICAgICAgIGxldmVsID0gJ0V4Y2VzdWwgZGUgZ3JldXRhdGUnO1xcclxcbiAgICAgICAgICAgIH0gZWxzZSB7XFxyXFxuICAgICAgICAgICAgICAgIGxldmVsID0gJ0dyXFx1MDEwM3NpbWUnO1xcclxcbiAgICAgICAgICAgIH1cXHJcXG5cXHJcXG4gICAgICAgICAgICBjb25zdCBoZWFsdGh5Qm1pTWluID0gMTguNTtcXHJcXG4gICAgICAgICAgICBjb25zdCBoZWFsdGh5Qm1pTWF4ID0gMjQuOTtcXHJcXG4gICAgICAgICAgICBjb25zdCBoZWFsdGh5V2VpZ2h0TWluID0gKGhlYWx0aHlCbWlNaW4gKiBoZWlnaHRNZXRlcnMgKiBoZWlnaHRNZXRlcnMpLnRvRml4ZWQoMSk7XFxyXFxuICAgICAgICAgICAgY29uc3QgaGVhbHRoeVdlaWdodE1heCA9IChoZWFsdGh5Qm1pTWF4ICogaGVpZ2h0TWV0ZXJzICogaGVpZ2h0TWV0ZXJzKS50b0ZpeGVkKDEpO1xcclxcblxcclxcbiAgICAgICAgICAgIGxldCByZWNvbW1lbmRhdGlvbiA9ICcnO1xcclxcbiAgICAgICAgICAgIGlmICh3ZWlnaHQgPCBoZWFsdGh5V2VpZ2h0TWluKSB7XFxyXFxuICAgICAgICAgICAgICAgIHJlY29tbWVuZGF0aW9uID0gYFRyZWJ1aWUgc1xcdTAxMDMgY1xcdTAwZTJcXHUwMjE5dGlnaSAkeyhoZWFsdGh5V2VpZ2h0TWluIC0gd2VpZ2h0KS50b0ZpeGVkKDEpfSBrZyBwZW50cnUgYSBhdGluZ2Ugbm9ybWEuYDtcXHJcXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHdlaWdodCA+IGhlYWx0aHlXZWlnaHRNYXgpIHtcXHJcXG4gICAgICAgICAgICAgICAgcmVjb21tZW5kYXRpb24gPVxcclxcbiAgICAgICAgICAgICAgICAgICAgYFRyZWJ1aWUgc1xcdTAxMDMgc2xcXHUwMTAzYmVcXHUwMjE5dGkgJHsod2VpZ2h0IC0gaGVhbHRoeVdlaWdodE1heCkudG9GaXhlZCgxKX0ga2cgcGVudHJ1IGEgYXRpbmdlIG5vcm1hLmA7XFxyXFxuICAgICAgICAgICAgfSBlbHNlIHtcXHJcXG4gICAgICAgICAgICAgICAgcmVjb21tZW5kYXRpb24gPSAnR3JldXRhdGVhIGR2cy4gZXN0ZSBcXHUwMGVlbiBsaW1pdGVsZSBub3JtYWxlLic7XFxyXFxuICAgICAgICAgICAgfVxcclxcblxcclxcbiAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdibWktcmVzdWx0JykudGV4dENvbnRlbnQgPSBibWk7XFxyXFxuICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JtaS1sZXZlbCcpLnRleHRDb250ZW50ID0gbGV2ZWw7XFxyXFxuICAgICAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2hlYWx0aHktYm1pJykudGV4dENvbnRlbnQgPSBgJHtoZWFsdGh5Qm1pTWlufSAtICR7aGVhbHRoeUJtaU1heH1gO1xcclxcbiAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdoZWFsdGh5LXdlaWdodCcpLnRleHRDb250ZW50ID0gYCR7aGVhbHRoeVdlaWdodE1pbn0ga2cgLSAke2hlYWx0aHlXZWlnaHRNYXh9IGtnYDtcXHJcXG4gICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgncmVjb21tZW5kYXRpb24nKS50ZXh0Q29udGVudCA9IHJlY29tbWVuZGF0aW9uO1xcclxcbiAgICAgICAgfVxcclxcbiAgICA8XFwvc2NyaXB0PlwifSxcIm5hbWVcIjpcImZpZWxkNDkzNzZcIixcInBhcnRUeXBlXCI6XCJodG1sXCIsXCJoQWxpZ25cIjpcIlwiLFwibWFyZ2luVG9wXCI6XCJcIixcIm1hcmdpbkJvdHRvbVwiOlwiXCIsXCJ0ZXh0Q29sb3JcIjpcIlwiLFwibGluZUhlaWdodFwiOlwiXCIsXCJlbGVtZW50Q3NzQ2xhc3NcIjpcIlwifX19LFwiaGFuZGxlclwiOlwiXCIsXCJmb3JtQm94XCI6e1wiYmdjb2xvclwiOlwiI0YwRjBGMFwiLFwiY29sb3JcIjpcIlwiLFwiYmdpbWFnZVwiOntcImhhc2hcIjpcIlwifSxcImJvcmRlclwiOntcIndpZHRoXCI6XCIwcHhcIixcInR5cGVcIjpcInNvbGlkXCIsXCJjb2xvclwiOlwiIzk5OTk5OVwiLFwicmFkaXVzXCI6XCJcIn0sXCJwYWRkaW5nc1wiOntcImhvcml6b250YWxcIjpcIjQwcHhcIixcInZlcnRpY2FsXCI6XCIzMHB4XCJ9LFwiZmxleERpcmVjdGlvblwiOlwiY29sdW1uXCIsXCJ0ZXh0QWxpZ25cIjpcIlwifX0sXCJibG9ja0NvZGVcIjpcIjczOWVlXCIsXCJ2aWV3QmxvY2tMZWZ0T2Zmc2V0XCI6XCIyXCIsXCJ2aWV3QmxvY2tXaWR0aFwiOlwiOFwiLFwiYmxvY2tQYWRkaW5nVG9wXCI6XCIyLjVcIixcImJsb2NrUGFkZGluZ0JvdHRvbVwiOlwiMi41XCIsXCJibG9ja0JhY2tncm91bmRDb2xvclwiOlwiXCIsXCJibG9ja0ZvcmVncm91bmRDb2xvclwiOlwiXCIsXCJibG9ja0xpbmtDb2xvclwiOlwiXCIsXCJibG9ja0ZvbnRcIjpcIlwiLFwiYmxvY2tGb250SGVhZGVyXCI6XCJcIixcImJsb2NrQ3NzQ2xhc3NcIjpcIlwiLFwiYmxvY2tDb3ZlclwiOntcImltYWdlXCI6e1wiaGFzaFwiOlwiXCJ9LFwiYmFja2dyb3VuZFR5cGVcIjpcInNjcm9sbFwiLFwiaGVpZ2h0XCI6XCIxMDB2aFwiLFwidmlkZW9cIjp7XCJzcmNfdmlkZW9fbGlua1wiOlwiXCIsXCJhdXRvcGxheVwiOlwiMFwiLFwidmltZW9faGFzaFwiOlwiXCJ9LFwiYmFja2dyb3VuZE9wYWNpdHlTdGFydFwiOlwiMC4zXCIsXCJiYWNrZ3JvdW5kT3BhY2l0eUZpbmlzaFwiOlwiMC42XCJ9LFwiYm94XCI6e1wiYmdjb2xvclwiOlwiI0YwRjBGMFwiLFwiY29sb3JcIjpcIlwiLFwiYmdpbWFnZVwiOntcImhhc2hcIjpcIlwifSxcImJvcmRlclwiOntcIndpZHRoXCI6XCIwcHhcIixcInR5cGVcIjpcInNvbGlkXCIsXCJjb2xvclwiOlwiIzk5OTk5OVwiLFwicmFkaXVzXCI6XCJcIn0sXCJwYWRkaW5nc1wiOntcImhvcml6b250YWxcIjpcIjQwcHhcIixcInZlcnRpY2FsXCI6XCIzMHB4XCJ9fSxcImlzTW9kYWxcIjp7XCJwb3B1cFR5cGVcIjpcInBvcHVwXCIsXCJtb2RhbFdpZHRoXCI6XCJcIixcIm1vZGFsQ2xhc3NcIjpcIlwifSxcImJsb2NrQ2xpY2tBY3Rpb25cIjp7XCJ0eXBlXCI6XCJcIixcImxpbmtcIjpcIlwiLFwiamF2YXNjcmlwdFwiOlwiXCIsXCJmb3JtVHlwZVwiOlwic3Vic2NyaWJlXCIsXCJwb3NpdGlvblwiOntcIm9mZmVyX2lkXCI6XCJcIn0sXCJmb3JtVGl0bGVcIjpcIlwiLFwiZm9ybUJ1dHRvblRpdGxlXCI6XCJcIixcImZvcm1CbG9ja0NvZGVcIjpcIlwiLFwibW9kYWxCbG9ja0NvZGVcIjpcIlwifSxcImJsb2NrRmxleFwiOntcImJhc2lzXCI6XCJcIixcInNocmlua1wiOlwiXCIsXCJncm93XCI6XCJcIn19IiwiY3NzIjpudWxsfQ==

HTML

    <style>
        .confirm-rules-checkbox {
            display: none;
        }

    .bmi-container {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        max-width: 800px;
        width: 100%;
    }

    .input-section,
    .result-section {
        flex: 1;
        padding: 20px;
    }

    .input-section {
        border-right: 1px solid #ddd;
    }

    label {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
    }

    input,
    select {
        width: 90%;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 16px;
    }

    .bmi-container h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .result-section p {
        margin-bottom: 10px;
    }

    .calculate-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        padding: 10px;
        background-color: #007BFF;
        color: #fff;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    .calculate-btn:hover {
        background-color: #0056b3;
    }

    .result-section span {
        font-weight: bold;
    }
<&lt;/style>&gt;

<&lt;div class="bmi-container">&gt;
    <&lt;div class="input-section">&gt;
        <&lt;h2>&gt;Introdu datele<&lt;/h2>&gt;
        <&lt;label for="age">Vâ&gt;V&acirc;rsta (ani):<&lt;/label>&gt;
        <&lt;input type="number" id="age" min="1" max="120" placeholder="">&gt;

        <&lt;label for="gender">&gt;Sex:<&lt;/label>&gt;
        <&lt;select id="gender">&gt;
            <&lt;option value="male">&gt;Bărbat<&lt;/option>&gt;
            <&lt;option value="female">&gt;Femeie<&lt;/option>&gt;
        <&lt;/select>&gt;

        <&lt;label for="height">Î&gt;&Icirc;nălțime (cm):<&lt;/label>&gt;
        <&lt;input type="number" id="height" min="50" max="250" placeholder="">&gt;

        <&lt;label for="weight">&gt;Greutate (kg):<&lt;/label>&gt;
        <&lt;input type="number" id="weight" min="20" max="300" placeholder="">&gt;

        <&lt;div class="calculate-btn" onclick="calculateBMI()">&gt;Calculează IMC<&lt;/div>&gt;
    <&lt;/div>&gt;

    <&lt;div class="result-section">&gt;
        <&lt;h2>&gt;Rezultat<&lt;/h2>&gt;
        <&lt;p>&gt;IMC-ul tău:<&lt;span id="bmi-result">&gt;--<&lt;/span><&gt;&lt;/p>&gt;
        <&lt;p>&gt;Nivel: <&lt;span id="bmi-level">&gt;--<&lt;/span><&gt;&lt;/p>&gt;
        <&lt;p>&gt;Diapazonul sănătos: <&lt;span id="healthy-bmi">&gt;--<&lt;/span><&gt;&lt;/p>&gt;
        <&lt;p>&gt;Greutate optimă:<&lt;span id="healthy-weight">&gt;--<&lt;/span><&gt;&lt;/p>&gt;
        <&lt;p>&gt;Recomandări:<&lt;span id="recommendation">&gt;--<&lt;/span><&gt;&lt;/p>&gt;
    <&lt;/div>&gt;
<&lt;/div>&gt;

<&lt;script>&gt;
    function calculateBMI() {
        const age = parseInt(document.getElementById('age').value, 10);
        const gender = document.getElementById('gender').value;
        const height = parseFloat(document.getElementById('height').value);
        const weight = parseFloat(document.getElementById('weight').value);

        if (isNaN(age) || isNaN(height) || isNaN(weight)) {
            alert("Vă rugăm să completați toate câc&acirc;mpurile.");
            return;
        }

        const heightMeters = height / 100;
        const bmi = (weight / (heightMeters * heightMeters)).toFixed(2);

        let level;
        if (bmi <&lt; 18.5) {
            level = 'Subponderali';
        } else if (bmi >&gt;= 18.5 &amp;&amp; bmi <&lt; 25) {
            level = 'Standard';
        } else if (bmi >&gt;= 25 &amp;&amp; bmi <&lt; 30) {
            level = 'Excesul de greutate';
        } else {
            level = 'Grăsime';
        }

        const healthyBmiMin = 18.5;
        const healthyBmiMax = 24.9;
        const healthyWeightMin = (healthyBmiMin * heightMeters * heightMeters).toFixed(1);
        const healthyWeightMax = (healthyBmiMax * heightMeters * heightMeters).toFixed(1);

        let recommendation = '';
        if (weight <&lt; healthyWeightMin) {
            recommendation = `Trebuie să câc&acirc;știgi ${(healthyWeightMin - weight).toFixed(1)} kg pentru a atinge norma.`;
        } else if (weight >&gt; healthyWeightMax) {
            recommendation =
                `Trebuie să slăbești ${(weight - healthyWeightMax).toFixed(1)} kg pentru a atinge norma.`;
        } else {
            recommendation = 'Greutatea dvs. este î&icirc;n limitele normale.';
        }

        document.getElementById('bmi-result').textContent = bmi;
        document.getElementById('bmi-level').textContent = level;
        document.getElementById('healthy-bmi').textContent = `${healthyBmiMin} - ${healthyBmiMax}`;
        document.getElementById('healthy-weight').textContent = `${healthyWeightMin} kg - ${healthyWeightMax} kg`;
        document.getElementById('recommendation').textContent = recommendation;
    }
&lt;/script&gt;</scriptcode></pre>