{"/styles.css":{"code":".app {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1 {\n color: #333;\n}"},"/App.js":{"code":"import \"./styles.css\";\n\nexport default function App() {\n return (\n

Hello, React!

Start editing to see your changes.

\n );\n}\n// Get elements from the HTML\nconst num1Input = document.getElementById('num1');\nconst operatorSelect = document.getElementById('operator');\nconst num2Input = document.getElementById('num2');\nconst calculateButton = document.getElementById('calculate');\nconst resultDiv = document.getElementById('result');\n\n// Add event listener to the button\ncalculateButton.addEventListener('click', function() {\n const num1 = parseFloat(num1Input.value); // Get first number\n const operator = operatorSelect.value; // Get operator\n const num2 = parseFloat(num2Input.value); // Get second number\n \n if (isNaN(num1) || isNaN(num2)) {\n resultDiv.textContent = 'Result: Please enter valid numbers!';\n return;\n }\n \n let result;\n switch(operator) {\n case '+':\n result = num1 + num2;\n break;\n case '-':\n result = num1 - num2;\n break;\n case '*':\n result = num1 * num2;\n break;\n case '/':\n if (num2 !== 0) {\n result = num1 / num2;\n } else {\n resultDiv.textContent = 'Result: Can\\'t divide by zero!';\n return;\n }\n break;\n default:\n resultDiv.textContent = 'Result: Unknown operator!';\n return;\n }\n \n resultDiv.textContent = 'Result: ' + result; // Show the result\n});"},"/index.js":{"code":"import React, { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./styles.css\";\n\nimport App from \"./App\";\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);"},"/public/index.html":{"code":"\n\n\n \n \n My App\n\n\n

\n\n"}}

calculator by I hate snakes