/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect } from "https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0"; import ReactDOM from "https://esm.sh/react-dom@18.2.0?deps=react@18.2.0,react-dom@18.2.0"; // Custom Logo Component function GoldLogo() { return ( ); } function GoldSellCalculator() { const [goldWeight, setGoldWeight] = useState(''); const [goldPurity, setGoldPurity] = useState('24'); const [goldPricePerGram, setGoldPricePerGram] = useState(''); const [calculatedValue, setCalculatedValue] = useState(0); const [gstAmount, setGSTAmount] = useState(0); const [finalGoldPrice, setFinalGoldPrice] = useState(0); // Purity mapping const purityPercentages = { '24': 0.99, // 99% '22': 0.89 // 89% }; // Automatic calculation when any input changes useEffect(() => { const weight = parseFloat(goldWeight); const purity = purityPercentages[goldPurity]; const price = parseFloat(goldPricePerGram); if (!isNaN(weight) && purity !== undefined && !isNaN(price)) { // Calculate GST amount (first line item multiplied by -3%) const gstCalculation = price * -0.03; setGSTAmount(gstCalculation); // Calculate final gold price (first line item minus GST amount) const finalPrice = price - Math.abs(gstCalculation); setFinalGoldPrice(finalPrice); // Calculate value based on final price and actual purity percentage const value = (weight * purity * finalPrice).toFixed(2); setCalculatedValue(parseFloat(value)); } }, [goldWeight, goldPurity, goldPricePerGram]); return (

Gold Sell Calculator

Current 24K Gold Price per Gram (₹): setGoldPricePerGram(e.target.value)} style={{ width: '100%', padding: '5px' }} placeholder="Enter current gold price per gram" />

GST Amount (-3%) (₹):

Final 24K Gold Price per Gram (₹):

Gold Weight (grams): setGoldWeight(e.target.value)} style={{ width: '100%', padding: '5px' }} placeholder="Enter gold weight" />

Gold Purity (Karats):

{calculatedValue > 0 && (

Estimated Sell Value: ₹{calculatedValue.toFixed(2)}

)}

View Source

); } function client() { const rootElement = document.getElementById("root"); if (rootElement) { ReactDOM.createRoot(rootElement).render(); } } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Gold Sell Calculator (INR)

`, { headers: { "content-type": "text/html", }, }); }

Goldcalculator

Versions

v0