Simulatore Peso Ideale<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\n \n body {\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);\n min-height: 100vh;\n }\n \n .morphology-card {\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .morphology-card:hover {\n transform: translateY(-5px);\n }\n \n .morphology-card.selected {\n border: 3px solid #3b82f6;\n box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\n }\n \n .result-card {\n background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);\n }\n \n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #3b82f6;\n cursor: pointer;\n }\n \n .body-figure {\n width: 100px;\n height: 200px;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n <div class=\"max-w-4xl mx-auto bg-white rounded-xl shadow-lg overflow-hidden\">\n <div class=\"p-6 md:p-8\">\n <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-8\">Simulator Ideal Weight<\/h1>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div>\n <label for=\"height\" class=\"block text-sm font-medium text-gray-700 mb-1\">Height (cm)<\/label>\n <div class=\"flex items-center\">\n <input type=\"range\" id=\"height\" min=\"140\" max=\"220\" value=\"170\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\">\n <span id=\"height-value\" class=\"ml-3 w-12 text-center\">170<\/span>\n <\/div>\n <\/div>\n \n <div>\n <label for=\"weight\" class=\"block text-sm font-medium text-gray-700 mb-1\">Weight (kg)<\/label>\n <div class=\"flex items-center\">\n <input type=\"range\" id=\"weight\" min=\"40\" max=\"150\" value=\"70\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\">\n <span id=\"weight-value\" class=\"ml-3 w-12 text-center\">70<\/span>\n <\/div>\n <\/div>\n \n <div>\n <label for=\"age\" class=\"block text-sm font-medium text-gray-700 mb-1\">Age<\/label>\n <div class=\"flex items-center\">\n <input type=\"range\" id=\"age\" min=\"18\" max=\"90\" value=\"30\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\">\n <span id=\"age-value\" class=\"ml-3 w-12 text-center\">30<\/span>\n <\/div>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Genre<\/label>\n <div class=\"flex space-x-4\">\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"male\" name=\"gender\" value=\"male\" checked class=\"h-4 w-4 text-blue-600 focus:ring-blue-500\">\n <label for=\"male\" class=\"ml-2 text-gray-700\">Man<\/label>\n <\/div>\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"female\" name=\"gender\" value=\"female\" class=\"h-4 w-4 text-blue-600 focus:ring-blue-500\">\n <label for=\"female\" class=\"ml-2 text-gray-700\">Woman<\/label>\n <\/div>\n <\/div>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-medium text-gray-700 mb-3\">Physical Morphology<\/label>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n <div id=\"endo\" class=\"morphology-card bg-white rounded-lg p-4 shadow text-center\">\n <div class=\"body-figure mx-auto mb-2\">\n <svg viewbox=\"0 0 100 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"30\" r=\"20\" fill=\"#FFD1DC\" \/>\n <ellipse cx=\"50\" cy=\"100\" rx=\"35\" ry=\"50\" fill=\"#FFD1DC\" \/>\n <rect x=\"30\" y=\"150\" width=\"15\" height=\"50\" rx=\"7\" fill=\"#FFD1DC\" \/>\n <rect x=\"55\" y=\"150\" width=\"15\" height=\"50\" rx=\"7\" fill=\"#FFD1DC\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold\">Endomorph<\/h3>\n <p class=\"text-xs text-gray-600 mt-1\">Structure, round and soft<\/p>\n <\/div>\n \n <div id=\"meso\" class=\"morphology-card bg-white rounded-lg p-4 shadow text-center\">\n <div class=\"body-figure mx-auto mb-2\">\n <svg viewbox=\"0 0 100 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"30\" r=\"20\" fill=\"#ADD8E6\" \/>\n <path d=\"M25,60 Q50,50 75,60 L75,130 Q50,140 25,130 Z\" fill=\"#ADD8E6\" \/>\n <rect x=\"30\" y=\"130\" width=\"15\" height=\"70\" rx=\"7\" fill=\"#ADD8E6\" \/>\n <rect x=\"55\" y=\"130\" width=\"15\" height=\"70\" rx=\"7\" fill=\"#ADD8E6\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold\">Mesomorph<\/h3>\n <p class=\"text-xs text-gray-600 mt-1\">Muscles developed, skeleton robust<\/p>\n <\/div>\n \n <div id=\"ecto\" class=\"morphology-card bg-white rounded-lg p-4 shadow text-center\">\n <div class=\"body-figure mx-auto mb-2\">\n <svg viewbox=\"0 0 100 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"30\" r=\"18\" fill=\"#D8BFD8\" \/>\n <rect x=\"40\" y=\"48\" width=\"20\" height=\"82\" rx=\"10\" fill=\"#D8BFD8\" \/>\n <rect x=\"35\" y=\"130\" width=\"12\" height=\"70\" rx=\"6\" fill=\"#D8BFD8\" \/>\n <rect x=\"53\" y=\"130\" width=\"12\" height=\"70\" rx=\"6\" fill=\"#D8BFD8\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold\">Ectomorph<\/h3>\n <p class=\"text-xs text-gray-600 mt-1\">Frail physique and structure in linear<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"calculate\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-lg transition duration-300 ease-in-out transform hover:scale-105\">\n Calculate Ideal Weight\n <\/button>\n <\/div>\n \n <div id=\"result-container\" class=\"hidden\">\n <div class=\"result-card rounded-xl p-6 h-full flex flex-col justify-between\">\n <div>\n <h2 class=\"text-2xl font-bold text-gray-800 mb-4\">Results<\/h2>\n \n <div class=\"space-y-4\">\n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700\">Your current weight<\/h3>\n <p id=\"current-weight\" class=\"text-2xl font-bold text-gray-900\">70 kg<\/p>\n <\/div>\n \n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700\">Ideal weight estimated<\/h3>\n <p id=\"ideal-weight\" class=\"text-2xl font-bold text-blue-600\">65.5 kg<\/p>\n <\/div>\n \n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700\">Body Mass index (BMI)<\/h3>\n <p id=\"bmi\" class=\"text-xl font-bold text-gray-900\">24.2<\/p>\n <p id=\"bmi-category\" class=\"text-sm text-gray-600\">Normal weight<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-6\">\n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700 mb-2\">Personalized recommendations<\/h3>\n <p id=\"advice\" class=\"text-sm text-gray-600\">According to your morphology and your parameters, here are some tips to achieve and maintain your ideal weight.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Range sliders\n const heightSlider = document.getElementById('height');\n const weightSlider = document.getElementById('weight');\n const ageSlider = document.getElementById('age');\n \n const heightValue = document.getElementById('height-value');\n const weightValue = document.getElementById('weight-value');\n const ageValue = document.getElementById('age-value');\n \n \/\/ Update values on slider change\n heightSlider.addEventListener('input', () => heightValue.textContent = heightSlider.value);\n weightSlider.addEventListener('input', () => weightValue.textContent = weightSlider.value);\n ageSlider.addEventListener('input', () => ageValue.textContent = ageSlider.value);\n \n \/\/ Morphology selection\n const morphologyCards = document.querySelectorAll('.morphology-card');\n let selectedMorphology = 'meso'; \/\/ Default\n \n morphologyCards.forEach(card => {\n card.addEventListener('click', () => {\n morphologyCards.forEach(c => c.classList.remove('selected'));\n card.classList.add('selected');\n selectedMorphology = card.id;\n });\n });\n \n \/\/ Set default selected morphology\n document.getElementById('meso').classList.add('selected');\n \n \/\/ Calculate button\n document.getElementById('calculate').addEventListener('click', () => {\n const height = parseInt(heightSlider.value);\n const weight = parseInt(weightSlider.value);\n const age = parseInt(ageSlider.value);\n const gender = document.querySelector('input[name=\"gender\"]:checked').value;\n \n \/\/ Calculate BMI\n const heightInMeters = height \/ 100;\n const bmi = weight \/ (heightInMeters * heightInMeters);\n \n \/\/ Calculate ideal weight based on morphology and gender\n let idealWeight = 0;\n \n \/\/ Base calculation using Devine formula\n if (gender === 'male') {\n idealWeight = 50 + 2.3 * ((height - 152.4) \/ 2.54);\n } else {\n idealWeight = 45.5 + 2.3 * ((height - 152.4) \/ 2.54);\n }\n \n \/\/ Adjust for morphology\n switch(selectedMorphology) {\n case 'endo':\n idealWeight = idealWeight * 0.95; \/\/ Slightly lower for endomorphs\n break;\n case 'meso':\n idealWeight = idealWeight * 1.05; \/\/ Slightly higher for mesomorphs (muscle mass)\n break;\n case 'ecto':\n idealWeight = idealWeight * 0.9; \/\/ Lower for ectomorphs\n break;\n }\n \n \/\/ Adjust for age (metabolism slows with age)\n if (age > 30) {\n idealWeight = idealWeight * (1 + (age - 30) * 0.001);\n }\n \n \/\/ Round to 1 decimal place\n idealWeight = Math.round(idealWeight * 10) \/ 10;\n \n \/\/ Determine BMI category\n let bmiCategory = '';\n if (bmi < 18.5) {\n bmiCategory = 'Sottopeso';\n } else if (bmi < 25) {\n bmiCategory = 'Normopeso';\n } else if (bmi < 30) {\n bmiCategory = 'Sovrappeso';\n } else {\n bmiCategory = 'Obesit\u00e0';\n }\n \n \/\/ Generate advice based on morphology and BMI\n let advice = '';\n if (selectedMorphology === 'endo') {\n advice = 'Con la tua morfologia endomorfa, concentrati su attivit\u00e0 cardio regolari e una dieta ricca di proteine e verdure. Limita i carboidrati raffinati.';\n } else if (selectedMorphology === 'meso') {\n advice = 'Con la tua morfologia mesomorfa, un mix di allenamento di forza e cardio moderato \u00e8 ideale. Mantieni una dieta bilanciata con adeguate proteine.';\n } else {\n advice = 'Con la tua morfologia ectomorfa, concentrati sull\\'allenamento di forza e assicurati di consumare abbastanza calorie per mantenere la massa muscolare.';\n }\n \n \/\/ Update results\n document.getElementById('current-weight').textContent = weight + ' kg';\n document.getElementById('ideal-weight').textContent = idealWeight + ' kg';\n document.getElementById('bmi').textContent = bmi.toFixed(1);\n document.getElementById('bmi-category').textContent = bmiCategory;\n document.getElementById('advice').textContent = advice;\n \n \/\/ Show results\n document.getElementById('result-container').classList.remove('hidden');\n });\n });\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'94c2920c708bea56',t:'MTc0OTMyNDY5NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Quiz sul Peso Ideale<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\n \n body {\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);\n min-height: 100vh;\n }\n \n .quiz-container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n \n .progress-bar {\n height: 8px;\n background-color: #e2e8f0;\n border-radius: 4px;\n overflow: hidden;\n }\n \n .progress {\n height: 100%;\n background: linear-gradient(90deg, #4f46e5, #818cf8);\n transition: width 0.5s ease;\n }\n \n .option {\n border: 2px solid #e2e8f0;\n border-radius: 12px;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .option:hover {\n border-color: #818cf8;\n background-color: #f5f7ff;\n transform: translateY(-2px);\n }\n \n .option.selected {\n border-color: #4f46e5;\n background-color: #eff6ff;\n }\n \n .fade-enter {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .fade-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.5s, transform 0.5s;\n }\n \n .fade-exit {\n opacity: 1;\n transform: translateY(0);\n }\n \n .fade-exit-active {\n opacity: 0;\n transform: translateY(-20px);\n transition: opacity 0.5s, transform 0.5s;\n }\n \n .result-icon {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n .btn {\n transition: all 0.3s ease;\n }\n \n .btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2);\n }\n \n .confetti {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #f00;\n border-radius: 50%;\n animation: fall 3s linear forwards;\n }\n \n @keyframes fall {\n 0% {\n transform: translateY(-100px) rotate(0deg);\n opacity: 1;\n }\n 100% {\n transform: translateY(calc(100vh - 100px)) rotate(360deg);\n opacity: 0;\n }\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n <div class=\"quiz-container p-6 md:p-8 my-8\">\n <div id=\"quiz-content\">\n \n <\/div>\n <\/div>\n\n <script>\n const questions = [\n {\n question: \"Qual \u00e8 il fattore pi\u00f9 importante per determinare il peso ideale?\",\n options: [\n \"Solo il peso sulla bilancia\",\n \"L'indice di massa corporea (BMI)\",\n \"La composizione corporea (massa grassa vs massa magra)\",\n \"Il confronto con modelli sui social media\"\n ],\n correctIndex: 2,\n explanation: \"La composizione corporea \u00e8 pi\u00f9 importante del peso assoluto. Due persone con lo stesso peso possono avere proporzioni molto diverse di massa grassa e muscolare.\"\n },\n {\n question: \"Quale di questi fattori NON influenza il peso ideale di una persona?\",\n options: [\n \"L'altezza\",\n \"La struttura ossea\",\n \"Il gruppo sanguigno\",\n \"L'et\u00e0\"\n ],\n correctIndex: 2,\n explanation: \"Il gruppo sanguigno non ha un impatto diretto sul peso ideale di una persona.\"\n },\n {\n question: \"Quale affermazione sul BMI (Indice di Massa Corporea) \u00e8 corretta?\",\n options: [\n \"\u00c8 l'indicatore perfetto del peso ideale per tutti\",\n \"\u00c8 utile ma ha limitazioni, specialmente per atleti e anziani\",\n \"\u00c8 completamente obsoleto e non dovrebbe mai essere usato\",\n \"Considera la distribuzione del grasso corporeo\"\n ],\n correctIndex: 1,\n explanation: \"Il BMI \u00e8 uno strumento utile ma ha limitazioni significative, specialmente per atleti (con molta massa muscolare) e anziani.\"\n },\n {\n question: \"Quale di questi \u00e8 un approccio sano per raggiungere o mantenere un peso equilibrato?\",\n options: [\n \"Seguire diete drastiche a breve termine\",\n \"Eliminare completamente i carboidrati\",\n \"Adottare abitudini alimentari e di attivit\u00e0 fisica sostenibili\",\n \"Pesarsi pi\u00f9 volte al giorno\"\n ],\n correctIndex: 2,\n explanation: \"Cambiamenti graduali e sostenibili nelle abitudini alimentari e di attivit\u00e0 fisica sono pi\u00f9 efficaci delle diete drastiche.\"\n },\n {\n question: \"Quale affermazione sulla perdita di peso \u00e8 scientificamente corretta?\",\n options: [\n \"\u00c8 possibile perdere grasso solo in zone specifiche con esercizi mirati\",\n \"La perdita di peso sana \u00e8 generalmente graduale (0.5-1 kg a settimana)\",\n \"Saltare i pasti \u00e8 un metodo efficace per perdere peso\",\n \"Tutti dovrebbero seguire lo stesso tipo di dieta\"\n ],\n correctIndex: 1,\n explanation: \"Una perdita di peso sana e sostenibile \u00e8 generalmente graduale, circa 0.5-1 kg a settimana.\"\n }\n ];\n\n let currentQuestion = 0;\n let score = 0;\n let selectedOption = null;\n let quizCompleted = false;\n\n function renderQuestion() {\n const question = questions[currentQuestion];\n const progress = ((currentQuestion) \/ questions.length) * 100;\n \n const content = `\n <div class=\"fade-enter\">\n <div class=\"flex justify-between items-center mb-6\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-indigo-700\">Quiz sul Peso Ideale<\/h1>\n <span class=\"text-sm font-medium text-gray-500\">Domanda ${currentQuestion + 1}\/${questions.length}<\/span>\n <\/div>\n \n <div class=\"progress-bar mb-8\">\n <div class=\"progress\" style=\"width: ${progress}%\"><\/div>\n <\/div>\n \n <div class=\"mb-8\">\n <h2 class=\"text-xl md:text-2xl font-semibold mb-6\">${question.question}<\/h2>\n \n <div class=\"space-y-4\">\n ${question.options.map((option, index) => `\n <div class=\"option p-4 ${selectedOption === index ? 'selected' : ''}\" data-index=\"${index}\">\n <div class=\"flex items-center\">\n <div class=\"w-6 h-6 rounded-full border-2 ${selectedOption === index ? 'border-indigo-600 bg-indigo-600' : 'border-gray-300'} flex items-center justify-center mr-3\">\n ${selectedOption === index ? '<span class=\"text-white text-xs\">\u2713<\/span>' : ''}\n <\/div>\n <span class=\"text-lg\">${option}<\/span>\n <\/div>\n <\/div>\n `).join('')}\n <\/div>\n <\/div>\n \n <div class=\"flex justify-between\">\n ${currentQuestion > 0 ? \n `<button id=\"prev-btn\" class=\"btn px-6 py-2 bg-gray-200 text-gray-700 rounded-lg font-medium\">Precedente<\/button>` : \n `<div><\/div>`\n }\n <button id=\"next-btn\" class=\"btn px-6 py-2 bg-indigo-600 text-white rounded-lg font-medium\" ${selectedOption === null ? 'disabled' : ''} \n style=\"${selectedOption === null ? 'opacity: 0.5; cursor: not-allowed;' : ''}\">\n ${currentQuestion === questions.length - 1 ? 'Vedi Risultati' : 'Prossima'}\n <\/button>\n <\/div>\n <\/div>\n `;\n \n document.getElementById('quiz-content').innerHTML = content;\n \n \/\/ Add event listeners\n document.querySelectorAll('.option').forEach(option => {\n option.addEventListener('click', () => {\n selectOption(parseInt(option.dataset.index));\n });\n });\n \n if (document.getElementById('prev-btn')) {\n document.getElementById('prev-btn').addEventListener('click', previousQuestion);\n }\n \n document.getElementById('next-btn').addEventListener('click', nextQuestion);\n \n \/\/ Trigger animation\n setTimeout(() => {\n document.querySelector('.fade-enter').classList.add('fade-enter-active');\n }, 10);\n }\n\n function selectOption(index) {\n selectedOption = index;\n \n document.querySelectorAll('.option').forEach((option, i) => {\n if (i === index) {\n option.classList.add('selected');\n option.querySelector('.w-6').classList.remove('border-gray-300');\n option.querySelector('.w-6').classList.add('border-indigo-600', 'bg-indigo-600');\n option.querySelector('.w-6').innerHTML = '<span class=\"text-white text-xs\">\u2713<\/span>';\n } else {\n option.classList.remove('selected');\n option.querySelector('.w-6').classList.remove('border-indigo-600', 'bg-indigo-600');\n option.querySelector('.w-6').classList.add('border-gray-300');\n option.querySelector('.w-6').innerHTML = '';\n }\n });\n \n document.getElementById('next-btn').disabled = false;\n document.getElementById('next-btn').style.opacity = '1';\n document.getElementById('next-btn').style.cursor = 'pointer';\n }\n\n function previousQuestion() {\n if (currentQuestion > 0) {\n currentQuestion--;\n selectedOption = null;\n renderQuestion();\n }\n }\n\n function nextQuestion() {\n if (selectedOption !== null) {\n \/\/ Check if answer is correct\n if (selectedOption === questions[currentQuestion].correctIndex) {\n score++;\n }\n \n \/\/ Add exit animation\n document.querySelector('.fade-enter-active').classList.add('fade-exit');\n \n setTimeout(() => {\n if (currentQuestion < questions.length - 1) {\n currentQuestion++;\n selectedOption = null;\n renderQuestion();\n } else {\n showResults();\n }\n }, 500);\n }\n }\n\n function showResults() {\n quizCompleted = true;\n const percentage = Math.round((score \/ questions.length) * 100);\n \n let resultMessage, resultIcon, resultColor;\n \n if (percentage >= 80) {\n resultMessage = \"Eccellente! Sei un esperto sul tema del peso ideale!\";\n resultIcon = `\n <svg class=\"w-24 h-24 text-green-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n `;\n resultColor = \"green\";\n createConfetti();\n } else if (percentage >= 60) {\n resultMessage = \"Buono! Hai una buona conoscenza del peso ideale.\";\n resultIcon = `\n <svg class=\"w-24 h-24 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n `;\n resultColor = \"blue\";\n } else {\n resultMessage = \"C'\u00e8 spazio per migliorare la tua conoscenza sul peso ideale.\";\n resultIcon = `\n <svg class=\"w-24 h-24 text-yellow-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n `;\n resultColor = \"yellow\";\n }\n \n const content = `\n <div class=\"fade-enter text-center py-8\">\n <h1 class=\"text-3xl font-bold text-indigo-700 mb-6\">Risultati del Quiz<\/h1>\n \n <div class=\"flex flex-col items-center justify-center mb-8\">\n <div class=\"result-icon mb-4\">\n ${resultIcon}\n <\/div>\n <div class=\"text-2xl font-bold text-${resultColor}-600\">${score} \/ ${questions.length} risposte corrette<\/div>\n <div class=\"text-xl mt-2\">${percentage}%<\/div>\n <div class=\"mt-4 text-lg\">${resultMessage}<\/div>\n <\/div>\n \n <div class=\"max-w-md mx-auto bg-indigo-50 p-6 rounded-lg mb-8\">\n <h3 class=\"font-semibold text-lg mb-4\">Punti chiave sul peso ideale:<\/h3>\n <ul class=\"text-left space-y-2\">\n <li class=\"flex items-start\">\n <svg class=\"w-5 h-5 text-indigo-600 mr-2 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n La composizione corporea \u00e8 pi\u00f9 importante del peso assoluto\n <\/li>\n <li class=\"flex items-start\">\n <svg class=\"w-5 h-5 text-indigo-600 mr-2 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n Il BMI \u00e8 utile ma ha limitazioni significative\n <\/li>\n <li class=\"flex items-start\">\n <svg class=\"w-5 h-5 text-indigo-600 mr-2 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n Cambiamenti graduali e sostenibili sono pi\u00f9 efficaci delle diete drastiche\n <\/li>\n <\/ul>\n <\/div>\n \n <div class=\"flex justify-center\">\n <button id=\"restart-btn\" class=\"btn px-8 py-3 bg-indigo-600 text-white rounded-lg font-medium\">Riprova il Quiz<\/button>\n <\/div>\n <\/div>\n `;\n \n document.getElementById('quiz-content').innerHTML = content;\n \n document.getElementById('restart-btn').addEventListener('click', restartQuiz);\n \n \/\/ Trigger animation\n setTimeout(() => {\n document.querySelector('.fade-enter').classList.add('fade-enter-active');\n }, 10);\n }\n\n function restartQuiz() {\n currentQuestion = 0;\n score = 0;\n selectedOption = null;\n quizCompleted = false;\n renderQuestion();\n }\n\n function createConfetti() {\n const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];\n \n for (let i = 0; i < 50; i++) {\n const confetti = document.createElement('div');\n confetti.className = 'confetti';\n confetti.style.left = Math.random() * 100 + 'vw';\n confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\n confetti.style.width = Math.random() * 10 + 5 + 'px';\n confetti.style.height = confetti.style.width;\n confetti.style.animationDuration = Math.random() * 3 + 2 + 's';\n document.body.appendChild(confetti);\n \n \/\/ Remove confetti after animation\n setTimeout(() => {\n confetti.remove();\n }, 5000);\n }\n }\n\n \/\/ Initialize the quiz\n renderQuestion();\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'94c2998ce6b1ea46',t:'MTc0OTMyNTAwMS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n<h2 style=\"text-align: center;\"><strong>Youtube Playlist TringoBlog on the Ideal Weight<\/strong><\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The ideal weight for athletes\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/_bqVV2u_eQc?list=PLaGrDNBZXPFQP4B96Czzg1mntEwYN5U2o\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-nowrap is-layout-flex wp-container-core-buttons-is-layout-fc65f29c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background has-link-color has-medium-font-size has-text-align-center has-custom-font-size wp-element-button\" href=\"https:\/\/gomobi.it\/en\/\">Home<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Perch\u00e9 il Peso \u00e8 Importante Mantieni il Controllo del Tuo Peso Mantenere il peso sotto controllo \u00e8 fondamentale per la salute generale. Un peso equilibrato riduce il rischio di malattie croniche, migliora l’energia e favorisce un benessere mentale positivo. Utilizzare strumenti come il nostro simulatore pu\u00f2 aiutarti a raggiungere e mantenere il tuo peso ideale, […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"\n<p class=\"has-text-align-center has-vivid-cyan-blue-color has-text-color has-link-color has-medium-font-size\"><strong>Perch\u00e9 il Peso \u00e8 Importante<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-large-font-size\">Mantieni il Controllo del Tuo Peso<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/gomobi.it\/wp-content\/uploads\/2025\/05\/LImportanza-del-Peso-per-la-Salute.wav\"><\/audio><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">Mantenere il peso sotto controllo \u00e8 fondamentale per la salute generale. Un peso equilibrato riduce il rischio di malattie croniche, migliora l'energia e favorisce un benessere mentale positivo. Utilizzare strumenti come il nostro simulatore pu\u00f2 aiutarti a raggiungere e mantenere il tuo peso ideale, garantendo uno stile di vita sano e attivo.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Con il nostro simulatore, puoi ottenere una comprensione chiara del tuo peso ideale e ricevere consigli su come raggiungerlo. Non sottovalutare l'importanza di monitorare il tuo peso regolarmente per prevenire problemi di salute a lungo termine.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Simulatore Peso Ideale<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\n \n body {\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);\n min-height: 100vh;\n }\n \n .morphology-card {\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .morphology-card:hover {\n transform: translateY(-5px);\n }\n \n .morphology-card.selected {\n border: 3px solid #3b82f6;\n box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\n }\n \n .result-card {\n background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);\n }\n \n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #3b82f6;\n cursor: pointer;\n }\n \n .body-figure {\n width: 100px;\n height: 200px;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n <div class=\"max-w-4xl mx-auto bg-white rounded-xl shadow-lg overflow-hidden\">\n <div class=\"p-6 md:p-8\">\n <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-8\">Simulatore Peso Ideale<\/h1>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div>\n <label for=\"height\" class=\"block text-sm font-medium text-gray-700 mb-1\">Altezza (cm)<\/label>\n <div class=\"flex items-center\">\n <input type=\"range\" id=\"height\" min=\"140\" max=\"220\" value=\"170\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\">\n <span id=\"height-value\" class=\"ml-3 w-12 text-center\">170<\/span>\n <\/div>\n <\/div>\n \n <div>\n <label for=\"weight\" class=\"block text-sm font-medium text-gray-700 mb-1\">Peso (kg)<\/label>\n <div class=\"flex items-center\">\n <input type=\"range\" id=\"weight\" min=\"40\" max=\"150\" value=\"70\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\">\n <span id=\"weight-value\" class=\"ml-3 w-12 text-center\">70<\/span>\n <\/div>\n <\/div>\n \n <div>\n <label for=\"age\" class=\"block text-sm font-medium text-gray-700 mb-1\">Et\u00e0<\/label>\n <div class=\"flex items-center\">\n <input type=\"range\" id=\"age\" min=\"18\" max=\"90\" value=\"30\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\">\n <span id=\"age-value\" class=\"ml-3 w-12 text-center\">30<\/span>\n <\/div>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Genere<\/label>\n <div class=\"flex space-x-4\">\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"male\" name=\"gender\" value=\"male\" checked class=\"h-4 w-4 text-blue-600 focus:ring-blue-500\">\n <label for=\"male\" class=\"ml-2 text-gray-700\">Uomo<\/label>\n <\/div>\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"female\" name=\"gender\" value=\"female\" class=\"h-4 w-4 text-blue-600 focus:ring-blue-500\">\n <label for=\"female\" class=\"ml-2 text-gray-700\">Donna<\/label>\n <\/div>\n <\/div>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-medium text-gray-700 mb-3\">Morfologia Fisica<\/label>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n <div id=\"endo\" class=\"morphology-card bg-white rounded-lg p-4 shadow text-center\">\n <div class=\"body-figure mx-auto mb-2\">\n <svg viewBox=\"0 0 100 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"30\" r=\"20\" fill=\"#FFD1DC\" \/>\n <ellipse cx=\"50\" cy=\"100\" rx=\"35\" ry=\"50\" fill=\"#FFD1DC\" \/>\n <rect x=\"30\" y=\"150\" width=\"15\" height=\"50\" rx=\"7\" fill=\"#FFD1DC\" \/>\n <rect x=\"55\" y=\"150\" width=\"15\" height=\"50\" rx=\"7\" fill=\"#FFD1DC\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold\">Endomorfo<\/h3>\n <p class=\"text-xs text-gray-600 mt-1\">Struttura tondeggiante e molle<\/p>\n <\/div>\n \n <div id=\"meso\" class=\"morphology-card bg-white rounded-lg p-4 shadow text-center\">\n <div class=\"body-figure mx-auto mb-2\">\n <svg viewBox=\"0 0 100 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"30\" r=\"20\" fill=\"#ADD8E6\" \/>\n <path d=\"M25,60 Q50,50 75,60 L75,130 Q50,140 25,130 Z\" fill=\"#ADD8E6\" \/>\n <rect x=\"30\" y=\"130\" width=\"15\" height=\"70\" rx=\"7\" fill=\"#ADD8E6\" \/>\n <rect x=\"55\" y=\"130\" width=\"15\" height=\"70\" rx=\"7\" fill=\"#ADD8E6\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold\">Mesomorfo<\/h3>\n <p class=\"text-xs text-gray-600 mt-1\">Muscolatura sviluppata, scheletro robusto<\/p>\n <\/div>\n \n <div id=\"ecto\" class=\"morphology-card bg-white rounded-lg p-4 shadow text-center\">\n <div class=\"body-figure mx-auto mb-2\">\n <svg viewBox=\"0 0 100 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"30\" r=\"18\" fill=\"#D8BFD8\" \/>\n <rect x=\"40\" y=\"48\" width=\"20\" height=\"82\" rx=\"10\" fill=\"#D8BFD8\" \/>\n <rect x=\"35\" y=\"130\" width=\"12\" height=\"70\" rx=\"6\" fill=\"#D8BFD8\" \/>\n <rect x=\"53\" y=\"130\" width=\"12\" height=\"70\" rx=\"6\" fill=\"#D8BFD8\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold\">Ectomorfo<\/h3>\n <p class=\"text-xs text-gray-600 mt-1\">Corporatura fragile e struttura lineare<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <button id=\"calculate\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-4 rounded-lg transition duration-300 ease-in-out transform hover:scale-105\">\n Calcola Peso Ideale\n <\/button>\n <\/div>\n \n <div id=\"result-container\" class=\"hidden\">\n <div class=\"result-card rounded-xl p-6 h-full flex flex-col justify-between\">\n <div>\n <h2 class=\"text-2xl font-bold text-gray-800 mb-4\">Risultati<\/h2>\n \n <div class=\"space-y-4\">\n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700\">Il tuo peso attuale<\/h3>\n <p id=\"current-weight\" class=\"text-2xl font-bold text-gray-900\">70 kg<\/p>\n <\/div>\n \n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700\">Peso ideale stimato<\/h3>\n <p id=\"ideal-weight\" class=\"text-2xl font-bold text-blue-600\">65.5 kg<\/p>\n <\/div>\n \n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700\">Indice di Massa Corporea (IMC)<\/h3>\n <p id=\"bmi\" class=\"text-xl font-bold text-gray-900\">24.2<\/p>\n <p id=\"bmi-category\" class=\"text-sm text-gray-600\">Normopeso<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-6\">\n <div class=\"bg-white bg-opacity-70 p-4 rounded-lg\">\n <h3 class=\"font-medium text-gray-700 mb-2\">Consigli personalizzati<\/h3>\n <p id=\"advice\" class=\"text-sm text-gray-600\">In base alla tua morfologia e ai tuoi parametri, ecco alcuni consigli per raggiungere e mantenere il tuo peso ideale.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Range sliders\n const heightSlider = document.getElementById('height');\n const weightSlider = document.getElementById('weight');\n const ageSlider = document.getElementById('age');\n \n const heightValue = document.getElementById('height-value');\n const weightValue = document.getElementById('weight-value');\n const ageValue = document.getElementById('age-value');\n \n \/\/ Update values on slider change\n heightSlider.addEventListener('input', () => heightValue.textContent = heightSlider.value);\n weightSlider.addEventListener('input', () => weightValue.textContent = weightSlider.value);\n ageSlider.addEventListener('input', () => ageValue.textContent = ageSlider.value);\n \n \/\/ Morphology selection\n const morphologyCards = document.querySelectorAll('.morphology-card');\n let selectedMorphology = 'meso'; \/\/ Default\n \n morphologyCards.forEach(card => {\n card.addEventListener('click', () => {\n morphologyCards.forEach(c => c.classList.remove('selected'));\n card.classList.add('selected');\n selectedMorphology = card.id;\n });\n });\n \n \/\/ Set default selected morphology\n document.getElementById('meso').classList.add('selected');\n \n \/\/ Calculate button\n document.getElementById('calculate').addEventListener('click', () => {\n const height = parseInt(heightSlider.value);\n const weight = parseInt(weightSlider.value);\n const age = parseInt(ageSlider.value);\n const gender = document.querySelector('input[name=\"gender\"]:checked').value;\n \n \/\/ Calculate BMI\n const heightInMeters = height \/ 100;\n const bmi = weight \/ (heightInMeters * heightInMeters);\n \n \/\/ Calculate ideal weight based on morphology and gender\n let idealWeight = 0;\n \n \/\/ Base calculation using Devine formula\n if (gender === 'male') {\n idealWeight = 50 + 2.3 * ((height - 152.4) \/ 2.54);\n } else {\n idealWeight = 45.5 + 2.3 * ((height - 152.4) \/ 2.54);\n }\n \n \/\/ Adjust for morphology\n switch(selectedMorphology) {\n case 'endo':\n idealWeight = idealWeight * 0.95; \/\/ Slightly lower for endomorphs\n break;\n case 'meso':\n idealWeight = idealWeight * 1.05; \/\/ Slightly higher for mesomorphs (muscle mass)\n break;\n case 'ecto':\n idealWeight = idealWeight * 0.9; \/\/ Lower for ectomorphs\n break;\n }\n \n \/\/ Adjust for age (metabolism slows with age)\n if (age > 30) {\n idealWeight = idealWeight * (1 + (age - 30) * 0.001);\n }\n \n \/\/ Round to 1 decimal place\n idealWeight = Math.round(idealWeight * 10) \/ 10;\n \n \/\/ Determine BMI category\n let bmiCategory = '';\n if (bmi < 18.5) {\n bmiCategory = 'Sottopeso';\n } else if (bmi < 25) {\n bmiCategory = 'Normopeso';\n } else if (bmi < 30) {\n bmiCategory = 'Sovrappeso';\n } else {\n bmiCategory = 'Obesit\u00e0';\n }\n \n \/\/ Generate advice based on morphology and BMI\n let advice = '';\n if (selectedMorphology === 'endo') {\n advice = 'Con la tua morfologia endomorfa, concentrati su attivit\u00e0 cardio regolari e una dieta ricca di proteine e verdure. Limita i carboidrati raffinati.';\n } else if (selectedMorphology === 'meso') {\n advice = 'Con la tua morfologia mesomorfa, un mix di allenamento di forza e cardio moderato \u00e8 ideale. Mantieni una dieta bilanciata con adeguate proteine.';\n } else {\n advice = 'Con la tua morfologia ectomorfa, concentrati sull'allenamento di forza e assicurati di consumare abbastanza calorie per mantenere la massa muscolare.';\n }\n \n \/\/ Update results\n document.getElementById('current-weight').textContent = weight + ' kg';\n document.getElementById('ideal-weight').textContent = idealWeight + ' kg';\n document.getElementById('bmi').textContent = bmi.toFixed(1);\n document.getElementById('bmi-category').textContent = bmiCategory;\n document.getElementById('advice').textContent = advice;\n \n \/\/ Show results\n document.getElementById('result-container').classList.remove('hidden');\n });\n });\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'93b91241b1b27677',t:'MTc0NjU0MDczMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\"><\/a><\/div>\n<\/div>\n\n\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h2 style=\"text-align: center;\"><strong>Playlist Youtube TringoBlog sul Peso Ideale<\/strong><\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=_bqVV2u_eQc&list=PLaGrDNBZXPFQP4B96Czzg1mntEwYN5U2o&index=1\n<\/div><\/figure>\n","_et_gb_content_width":"1920","footnotes":""},"class_list":["post-331","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Peso Ideale - Gomobi<\/title>\n<meta name=\"description\" content=\"Calcola il tuo peso ideale , uno strumento Tringoblog dove inserendo peso, altezza , et\u00e0 e morfologia fisica si ottiene il proprio peso ideale\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gomobi.it\/en\/peso-ideale\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Peso Ideale - Gomobi\" \/>\n<meta property=\"og:description\" content=\"Calcola il tuo peso ideale , uno strumento Tringoblog dove inserendo peso, altezza , et\u00e0 e morfologia fisica si ottiene il proprio peso ideale\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gomobi.it\/en\/peso-ideale\/\" \/>\n<meta property=\"og:site_name\" content=\"Gomobi\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-07T19:37:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/gomobi.it\/peso-ideale\/\",\"url\":\"https:\/\/gomobi.it\/peso-ideale\/\",\"name\":\"Peso Ideale - Gomobi\",\"isPartOf\":{\"@id\":\"https:\/\/gomobi.it\/#website\"},\"datePublished\":\"2025-05-06T14:14:10+00:00\",\"dateModified\":\"2025-06-07T19:37:19+00:00\",\"description\":\"Calcola il tuo peso ideale , uno strumento Tringoblog dove inserendo peso, altezza , et\u00e0 e morfologia fisica si ottiene il proprio peso ideale\",\"breadcrumb\":{\"@id\":\"https:\/\/gomobi.it\/peso-ideale\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/gomobi.it\/peso-ideale\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/gomobi.it\/peso-ideale\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/gomobi.it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Peso Ideale\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/gomobi.it\/#website\",\"url\":\"https:\/\/gomobi.it\/\",\"name\":\"Gomobi\",\"description\":\"TringoBlog il tuo canale Youtube\",\"publisher\":{\"@id\":\"https:\/\/gomobi.it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/gomobi.it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/gomobi.it\/#organization\",\"name\":\"Falchi Massimo\",\"url\":\"https:\/\/gomobi.it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/gomobi.it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/gomobi.it\/wp-content\/uploads\/2025\/04\/cropped-gomobi_512q-1.png\",\"contentUrl\":\"https:\/\/gomobi.it\/wp-content\/uploads\/2025\/04\/cropped-gomobi_512q-1.png\",\"width\":512,\"height\":512,\"caption\":\"Falchi Massimo\"},\"image\":{\"@id\":\"https:\/\/gomobi.it\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Peso Ideale - Gomobi","description":"Calcola il tuo peso ideale , uno strumento Tringoblog dove inserendo peso, altezza , et\u00e0 e morfologia fisica si ottiene il proprio peso ideale","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gomobi.it\/en\/peso-ideale\/","og_locale":"en_GB","og_type":"article","og_title":"Peso Ideale - Gomobi","og_description":"Calcola il tuo peso ideale , uno strumento Tringoblog dove inserendo peso, altezza , et\u00e0 e morfologia fisica si ottiene il proprio peso ideale","og_url":"https:\/\/gomobi.it\/en\/peso-ideale\/","og_site_name":"Gomobi","article_modified_time":"2025-06-07T19:37:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gomobi.it\/peso-ideale\/","url":"https:\/\/gomobi.it\/peso-ideale\/","name":"Peso Ideale - Gomobi","isPartOf":{"@id":"https:\/\/gomobi.it\/#website"},"datePublished":"2025-05-06T14:14:10+00:00","dateModified":"2025-06-07T19:37:19+00:00","description":"Calcola il tuo peso ideale , uno strumento Tringoblog dove inserendo peso, altezza , et\u00e0 e morfologia fisica si ottiene il proprio peso ideale","breadcrumb":{"@id":"https:\/\/gomobi.it\/peso-ideale\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gomobi.it\/peso-ideale\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gomobi.it\/peso-ideale\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gomobi.it\/"},{"@type":"ListItem","position":2,"name":"Peso Ideale"}]},{"@type":"WebSite","@id":"https:\/\/gomobi.it\/#website","url":"https:\/\/gomobi.it\/","name":"Gomobi","description":"TringoBlog il tuo canale Youtube","publisher":{"@id":"https:\/\/gomobi.it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gomobi.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/gomobi.it\/#organization","name":"Falchi Massimo","url":"https:\/\/gomobi.it\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/gomobi.it\/#\/schema\/logo\/image\/","url":"https:\/\/gomobi.it\/wp-content\/uploads\/2025\/04\/cropped-gomobi_512q-1.png","contentUrl":"https:\/\/gomobi.it\/wp-content\/uploads\/2025\/04\/cropped-gomobi_512q-1.png","width":512,"height":512,"caption":"Falchi Massimo"},"image":{"@id":"https:\/\/gomobi.it\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/pages\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/comments?post=331"}],"version-history":[{"count":0,"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/pages\/331\/revisions"}],"wp:attachment":[{"href":"https:\/\/gomobi.it\/en\/wp-json\/wp\/v2\/media?parent=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":331,"date":"2025-05-06T16:14:10","date_gmt":"2025-05-06T14:14:10","guid":{"rendered":"https:\/\/gomobi.it\/?page_id=331"},"modified":"2025-06-07T21:37:19","modified_gmt":"2025-06-07T19:37:19","slug":"peso-ideale","status":"publish","type":"page","link":"https:\/\/gomobi.it\/en\/peso-ideale\/","title":{"rendered":"Ideal weight"},"content":{"rendered":"

Because the Weight is Important<\/strong><\/p>\n\n\n\n

Keep Control of Your Weight<\/p>\n\n\n\n