ā Back to Coding and Programming
š» Coding and Programming
ChatGPT
beginner
JavaScript BMI Calculator Development
š The Prompt ā Copy & Paste Ready
Act as a senior JavaScript developer with 5+ years of experience in building health applications. Create a detailed step-by-step guide for building a BMI calculator using vanilla JavaScript. Include: 1) HTML structure with [INPUT_FIELDS] for height (cm/inches) and weight (kg/lbs), 2) JavaScript logic to [CALCULATE_BMI] using the formula BMI = weight(kg) / (height(m))^2 with unit conversion, and 3) [DISPLAY_RESULTS] with color-coded categories (Underweight, Normal, Overweight, Obese). Ensure the calculator handles edge cases like invalid inputs and provides a responsive UI. Add clear comments explaining each code block for educational purposes.
How to use this prompt
1
Click Copy Full Prompt above.
2
Replace all [BRACKETS] with your details.
3
Paste into ChatGPT, Claude or Gemini and hit send.
Frequently Asked Questions
A JavaScript BMI Calculator is a web-based tool that calculates Body Mass Index (BMI) using height and weight inputs. It leverages JavaScript for real-time calculations and dynamic user feedback, making it ideal for health and fitness applications.
To build a BMI calculator with JavaScript, create an HTML form for user inputs, write a JavaScript function to process the data, and display the result. Use event listeners for instant updates and validate inputs for accuracy.
Key features include responsive design, real-time calculation, input validation, and BMI category classification (underweight, normal, overweight). Adding visual feedback like color-coded results enhances user experience.
Yes, you can customize the BMI Calculator to support both metric (kg, cm) and imperial (lbs, inches) units. Use conditional logic in JavaScript to handle conversions and display results accordingly.
Deploy your JavaScript BMI Calculator by hosting the HTML, CSS, and JS files on platforms like GitHub Pages, Netlify, or Vercel. Ensure cross-browser compatibility and mobile responsiveness for wider accessibility.
Related Keywords
javascript bmi calculator development, free coding and programming prompts, coding and programming chatgpt prompts, ai prompts for coding and programming, coding and programming prompt template, chatgpt coding and programming 2026, best coding and programming ai prompts, javascript bmi calculator development chatgpt, coding and programming claude prompts, free ai prompt coding and programming, coding and programming prompt generator, coding and programming ai assistant, promptxy coding and programming
Comments (0)