Web Development: Building Smart & Beautiful Websites

// Example: Simplified JavaScript for dynamic BMI category display
function displayBmiResult(bmi, category, color, description) {
  const resultDiv = document.getElementById('bmi-result');
  const categoryText = document.getElementById('category-text');
  const descriptionText = document.getElementById('description-text');
  
  resultDiv.innerText = bmi.toFixed(1); // Display BMI to one decimal
  categoryText.innerText = category;
  categoryText.style.color = color; // Change color based on category
  descriptionText.innerText = description;

  // Show the result section
  document.getElementById('result-section').style.display = 'block';

  // Example: Adjust BMI marker on a visual scale (conceptual)
  const bmiMarker = document.getElementById('bmi-marker');
  const scaleWidth = document.getElementById('bmi-scale').offsetWidth;
  // This logic would be more complex to map BMI to pixel position accurately
  const markerPosition = (bmi - 15) / (40 - 15) * scaleWidth; // Simplified mapping
  bmiMarker.style.left = Math.min(Math.max(0, markerPosition), scaleWidth - bmiMarker.offsetWidth) + 'px';
}

// Example: Simplified API call for chatbot (conceptual)
async function sendChatMessage(message) {
    // This would be your actual DeepSeek R1 API call
    console.log("Sending message to AI: " + message);
    // const response = await fetch('https://api.deepseek.com/chat', { ... });
    // const data = await response.json();
    // displayBotMessage(data.response);
    displayBotMessage("Thinking... (Simulated AI response)");
}

// Example: Simplified Three.js/p5.js setup for PhySim or Portfolio background
function setupCanvas(elementId, is3D = false) {
    const container = document.getElementById(elementId);
    if (is3D) {
        // Setup Three.js scene, camera, renderer
        // Add animated neural network or physics simulation elements
    } else {
        // Setup p5.js sketch for 2D visualizations
    }
    console.log("Canvas setup complete for " + elementId);
}