{"id":23301,"date":"2024-09-02T11:10:32","date_gmt":"2024-09-02T15:10:32","guid":{"rendered":"https:\/\/thegiveawayguy.biz\/?page_id=23301"},"modified":"2024-09-02T11:12:25","modified_gmt":"2024-09-02T15:12:25","slug":"email-marketing-income","status":"publish","type":"page","link":"https:\/\/thegiveawayguy.biz\/email-marketing-income\/","title":{"rendered":"Email Marketing Income"},"content":{"rendered":"<p>import React, { useState } from &#8216;react&#8217;;const SubscriberCalculator = () =&gt; {  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 = () =&gt; {    const totalEmailsSentPerYear = emailsSentPerWeek * weeksPerYear;    const minIncome = minSubscribers * (totalClicks \/ 100) * earningsPerClick * totalEmailsSentPerYear;    const maxIncome = maxSubscribers * (totalClicks \/ 100) * earningsPerClick * totalEmailsSentPerYear;    setTotalIncomeMin(minIncome);    setTotalIncomeMax(maxIncome);  };  return (          <\/p>\n<h1 classname=\"text-3xl font-bold text-gray-900 mb-4\">Subscriber Calculator<\/h1>\n<p>                        Minimum Subscribers:           setMinSubscribers(Number(e.target.value))}            className=&#8221;p-2 border border-gray-300 rounded-md&#8221;          \/&gt;                          Maximum Subscribers:           setMaxSubscribers(Number(e.target.value))}            className=&#8221;p-2 border border-gray-300 rounded-md&#8221;          \/&gt;                          Total Clicks (%):           setTotalClicks(Number(e.target.value))}            className=&#8221;p-2 border border-gray-300 rounded-md&#8221;          \/&gt;                          Earnings Per Click:           setEarningsPerClick(Number(e.target.value))}            className=&#8221;p-2 border border-gray-300 rounded-md&#8221;          \/&gt;                          Emails Sent Per Week:           setEmailsSentPerWeek(Number(e.target.value))}            className=&#8221;p-2 border border-gray-300 rounded-md&#8221;          \/&gt;                          Weeks Per Year:           setWeeksPerYear(Number(e.target.value))}            className=&#8221;p-2 border border-gray-300 rounded-md&#8221;          \/&gt;                          Calculate Total Income                <\/p>\n<p classname=\"text-gray-600\">Total Income Range Per Year: ${totalIncomeMin} &#8211; ${totalIncomeMax}<\/p>\n<p>            );};export default SubscriberCalculator;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>import React, { useState } from &#8216;react&#8217;;const SubscriberCalculator = () =&gt; { 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 = [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","tve_updated_post":"<div class=\"thrv_wrapper thrv_custom_html_shortcode\">import React, { useState } from 'react';\n\nconst SubscriberCalculator = () =&gt; {\n  const [minSubscribers, setMinSubscribers] = useState(0);\n  const [maxSubscribers, setMaxSubscribers] = useState(0);\n  const [totalClicks, setTotalClicks] = useState(0);\n  const [earningsPerClick, setEarningsPerClick] = useState(0);\n  const [emailsSentPerWeek, setEmailsSentPerWeek] = useState(0);\n  const [weeksPerYear, setWeeksPerYear] = useState(0);\n  const [totalIncomeMin, setTotalIncomeMin] = useState(0);\n  const [totalIncomeMax, setTotalIncomeMax] = useState(0);\n\n  const calculateTotalIncome = () =&gt; {\n    const totalEmailsSentPerYear = emailsSentPerWeek * weeksPerYear;\n    const minIncome = minSubscribers * (totalClicks \/ 100) * earningsPerClick * totalEmailsSentPerYear;\n    const maxIncome = maxSubscribers * (totalClicks \/ 100) * earningsPerClick * totalEmailsSentPerYear;\n    setTotalIncomeMin(minIncome);\n    setTotalIncomeMax(maxIncome);\n  };\n\n  return (\n    <div classname=\"max-w-md mx-auto p-4 bg-white rounded-md shadow-md\">\n      <h1 classname=\"text-3xl font-bold text-gray-900 mb-4\">Subscriber Calculator<\/h1>\n      <div classname=\"flex flex-col gap-4\">\n        <div classname=\"flex flex-col gap-2\">\n          <label classname=\"text-gray-600\" htmlfor=\"minSubscribers\">Minimum Subscribers:<\/label>\n          <input type=\"number\" id=\"minSubscribers\" value=\"{minSubscribers}\" onchange=\"{(e)\" ==\"\"> setMinSubscribers(Number(e.target.value))}\n            className=\"p-2 border border-gray-300 rounded-md\"\n          \/&gt;\n        <\/div>\n        <div classname=\"flex flex-col gap-2\">\n          <label classname=\"text-gray-600\" htmlfor=\"maxSubscribers\">Maximum Subscribers:<\/label>\n          <input type=\"number\" id=\"maxSubscribers\" value=\"{maxSubscribers}\" onchange=\"{(e)\" ==\"\"> setMaxSubscribers(Number(e.target.value))}\n            className=\"p-2 border border-gray-300 rounded-md\"\n          \/&gt;\n        <\/div>\n        <div classname=\"flex flex-col gap-2\">\n          <label classname=\"text-gray-600\" htmlfor=\"totalClicks\">Total Clicks (%):<\/label>\n          <input type=\"number\" id=\"totalClicks\" value=\"{totalClicks}\" onchange=\"{(e)\" ==\"\"> setTotalClicks(Number(e.target.value))}\n            className=\"p-2 border border-gray-300 rounded-md\"\n          \/&gt;\n        <\/div>\n        <div classname=\"flex flex-col gap-2\">\n          <label classname=\"text-gray-600\" htmlfor=\"earningsPerClick\">Earnings Per Click:<\/label>\n          <input type=\"number\" id=\"earningsPerClick\" value=\"{earningsPerClick}\" onchange=\"{(e)\" ==\"\"> setEarningsPerClick(Number(e.target.value))}\n            className=\"p-2 border border-gray-300 rounded-md\"\n          \/&gt;\n        <\/div>\n        <div classname=\"flex flex-col gap-2\">\n          <label classname=\"text-gray-600\" htmlfor=\"emailsSentPerWeek\">Emails Sent Per Week:<\/label>\n          <input type=\"number\" id=\"emailsSentPerWeek\" value=\"{emailsSentPerWeek}\" onchange=\"{(e)\" ==\"\"> setEmailsSentPerWeek(Number(e.target.value))}\n            className=\"p-2 border border-gray-300 rounded-md\"\n          \/&gt;\n        <\/div>\n        <div classname=\"flex flex-col gap-2\">\n          <label classname=\"text-gray-600\" htmlfor=\"weeksPerYear\">Weeks Per Year:<\/label>\n          <input type=\"number\" id=\"weeksPerYear\" value=\"{weeksPerYear}\" onchange=\"{(e)\" ==\"\"> setWeeksPerYear(Number(e.target.value))}\n            className=\"p-2 border border-gray-300 rounded-md\"\n          \/&gt;\n        <\/div>\n        <button onclick=\"{calculateTotalIncome}\" classname=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-md\">\n          Calculate Total Income\n        <\/button>\n        <p classname=\"text-gray-600\">Total Income Range Per Year: ${totalIncomeMin} - ${totalIncomeMax}<\/p>\n      <\/div>\n    <\/div>\n  );\n};\n\nexport default SubscriberCalculator;<\/div>","tve_custom_css":"","tve_user_custom_css":"","tve_globals":{"e":"1","font_cls":[]},"tcb2_ready":1,"tcb_editor_enabled":1,"tve_landing_page":"","_tve_header":"","_tve_footer":""},"folder":[],"class_list":["post-23301","page","type-page","status-publish","hentry","post-wrapper","thrv_wrapper"],"acf":[],"_links":{"self":[{"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/pages\/23301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/comments?post=23301"}],"version-history":[{"count":0,"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/pages\/23301\/revisions"}],"wp:attachment":[{"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/media?parent=23301"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/thegiveawayguy.biz\/v\/wp\/v2\/folder?post=23301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}