import React, { useState } from 'react';
const SubscriberCalculator = () => {
const [minSubscribers, setMinSubscribers] = useState(0);
const [maxSubscribers, setMaxSubscribers] = useState(0);
const [totalClicks, setTotalClicks] = useState(0);
const [earningsPerClick, setEarningsPerClick] = useState(0);
const [emailsSentPerWeek, setEmailsSentPerWeek] = useState(0);
const [weeksPerYear, setWeeksPerYear] = useState(0);
const [totalIncomeMin, setTotalIncomeMin] = useState(0);
const [totalIncomeMax, setTotalIncomeMax] = useState(0);
const calculateTotalIncome = () => {
const totalEmailsSentPerYear = emailsSentPerWeek * weeksPerYear;
const minIncome = minSubscribers * (totalClicks / 100) * earningsPerClick * totalEmailsSentPerYear;
const maxIncome = maxSubscribers * (totalClicks / 100) * earningsPerClick * totalEmailsSentPerYear;
setTotalIncomeMin(minIncome);
setTotalIncomeMax(maxIncome);
};
return (
);
};
export default SubscriberCalculator;
Subscriber Calculator
setMinSubscribers(Number(e.target.value))}
className="p-2 border border-gray-300 rounded-md"
/>
setMaxSubscribers(Number(e.target.value))}
className="p-2 border border-gray-300 rounded-md"
/>
setTotalClicks(Number(e.target.value))}
className="p-2 border border-gray-300 rounded-md"
/>
setEarningsPerClick(Number(e.target.value))}
className="p-2 border border-gray-300 rounded-md"
/>
setEmailsSentPerWeek(Number(e.target.value))}
className="p-2 border border-gray-300 rounded-md"
/>
setWeeksPerYear(Number(e.target.value))}
className="p-2 border border-gray-300 rounded-md"
/>
Total Income Range Per Year: ${totalIncomeMin} - ${totalIncomeMax}