Final Expense Planning Wizard</n >
<style>
body { font-family: Arial, sans-serif; background: #f7f7f7; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.wizard { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 350px; padding: 1.5rem; }
.step { display: none; }
.step.active { display: block; }
.step h2 { margin-top: 0; color: #333; }
.field { margin-bottom: 1rem; }
.field label { display: block; margin-bottom: .25rem; color: #555; }
.field input { width: 100%; padding: .5rem; border: 1px solid #ccc; border-radius: 4px; }
.buttons { display: flex; justify-content: space-between; }
.btn { background: #0078d4; color: #fff; border: none; padding: .5rem 1rem; border-radius: 4px; cursor: pointer; }
.btn[disabled] { background: #aaa; cursor: default; }
.result { margin-top: 1rem; font-size: 1.1rem; }
.reasons { margin-top: 1rem; background: #eef; padding: .75rem; border-radius: 4px; }
.reasons h3 { margin: .5rem 0; }
.reasons ul { padding-left: 1.25rem; }
</style>
</head>
<body>
<div class="wizard">
<!-- Step 1 -->
<div class="step active" id="step1">
<h2>Step 1: Funeral Cost</h2>
<div class="field">
<label for="funeralCost">Estimated Funeral Cost ($)</label>
<input type="number" id="funeralCost" value="8000" min="0" />
</div>
</div>
<!-- Step 2 -->
<div class="step" id="step2">
<h2>Step 2: Medical Bills</h2>
<div class="field">
<label for="medicalCost">Estimated Medical Bills ($)</label>
<input type="number" id="medicalCost" value="2000" min="0" />
</div>
</div>
<!-- Step 3 -->
<div class="step" id="step3">
<h2>Step 3: Savings</h2>
<div class="field">
<label for="savings">Amount You’ve Saved ($)</label>
<input type="number" id="savings" value="0" min="0" />
</div>
</div>
<!-- Step 4: Results -->
<div class="step" id="step4">
<h2>Your Coverage Gap</h2>
<div id="output" class="result"></div>
<div class="reasons">
<h3>Why People Choose Final-Expense Insurance:</h3>
<ul>
<li>No medical exam required—easy approval.</li>
<li>Locked-in premiums protect against rising costs.</li>
<li>Direct payout to beneficiaries covers funeral and bills.</li>
<li>Peace of mind—no financial burden on loved ones.</li>
</ul>
</div>
</div>
<div class="buttons">
<button class="btn" id="prevBtn" onclick="nextPrev(-1)" disabled>Back</button>
<button class="btn" id="nextBtn" onclick="nextPrev(1)">Next</button>
</div>
</div>
<script>
let currentStep = 1;
showStep(currentStep);
function showStep(n) {
const steps = document.getElementsByClassName("step");
// Hide all
for (let i = 0; i < steps.length; i++) steps[i].classList.remove('active');
// Show current
document.getElementById('step' + n).classList.add('active');
// Update buttons
document.getElementById('prevBtn').disabled = (n === 1);
document.getElementById('nextBtn').textContent = (n === steps.length ? 'Restart' : 'Next');
}
function nextPrev(n) {
const steps = document.getElementsByClassName("step");
// If at final step and clicking Next => restart
if (currentStep === steps.length && n === 1) {
currentStep = 1;
clearInputs();
showStep(currentStep);
return;
}
// Move step
currentStep += n;
if (currentStep > steps.length - 1) {
// Calculate and show result
calculateGap();
currentStep = steps.length;
}
showStep(currentStep);
}
function calculateGap() {
const funeral = parseFloat(document.getElementById('funeralCost').value) || 0;
const medical = parseFloat(document.getElementById('medicalCost').value) || 0;
const saved = parseFloat(document.getElementById('savings').value) || 0;
const totalCost = funeral + medical;
const gap = totalCost - saved;
const outputEl = document.getElementById('output');
if (gap <= 0) {
outputEl.textContent = 'Great news! You’ve covered your costs.';
outputEl.style.color = 'green';
} else {
outputEl.textContent = `Your coverage gap is $${gap.toLocaleString()}.`;
outputEl.style.color = '#d9534f';
}
}
function clearInputs() {
document.getElementById('funeralCost').value = '';
document.getElementById('medicalCost').value = '';
document.getElementById('savings').value = '';
document.getElementById('output').textContent = '';
}
</script>
</body>
</html> </div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="xs_social_share_widget xs_share_url after_content main_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content">
<ul>
</ul>
</div>
</article>
</div>
</div><!-- /#site-content -->
</div><!-- /#content-wrap -->
</div><!-- /.main-content -->
<footer class="surince-footer footer">
<div class="surince-container">
<div data-elementor-type="wp-post" data-elementor-id="1049" class="elementor elementor-1049">
<section class="elementor-section elementor-top-section elementor-element elementor-element-a6ca724 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="a6ca724" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c84b3d1" data-id="c84b3d1" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-e8962d7 elementor-absolute mix-blend-mode-luminosity image-width-full elementor-widget elementor-widget-mae-gallery-stack" data-id="e8962d7" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="mae-gallery-stack.default">
<div class="elementor-widget-container">
<div class="master-gallery-stack">
<div class="master-fancy-image elementor-repeater-item-c05003d " data-top="0px" data-parallax='{"x" : 0, "y" : -80, "smoothness" : 30, "rotateX" : 0, "rotateY" : 0, "rotateZ" : 0}' data-calcHeight="no">
<div class="image-wrap"><img width="1919" height="415" src="https://clickandapproved.com/wp-content/uploads/2023/07/dots-wave.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://clickandapproved.com/wp-content/uploads/2023/07/dots-wave.png 1919w, https://clickandapproved.com/wp-content/uploads/2023/07/dots-wave-300x65.png 300w, https://clickandapproved.com/wp-content/uploads/2023/07/dots-wave-1024x221.png 1024w, https://clickandapproved.com/wp-content/uploads/2023/07/dots-wave-768x166.png 768w, https://clickandapproved.com/wp-content/uploads/2023/07/dots-wave-1536x332.png 1536w" sizes="(max-width: 1919px) 100vw, 1919px" /></div>
</div> </div>
</div>
</div>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-4bb3c04 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4bb3c04" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2ea7a60" data-id="2ea7a60" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-35b49bc elementor-hidden-mobile icon-default elementor-widget elementor-widget-mae-icon-text" data-id="35b49bc" data-element_type="widget" data-widget_type="mae-icon-text.default">
<div class="elementor-widget-container">
<div class="master-icon-text">
<div class="icon-wrap">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="682.66669" height="682.66669" viewBox="0 0 682.66669 682.66669"> <defs id="defs2200"> <clipPath id="clipPath2210"> <path d="M 0,512 H 512 V 0 H 0 Z" id="path2208"></path> </clipPath> </defs> <g id="g2202" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)"> <g id="g2204"> <g id="g2206" clip-path="url(#clipPath2210)"> <g id="g2212" transform="translate(374.7803,135.0342)"> <path d="m 0,0 h 62.203 c 33.146,0 60.017,-26.87 60.017,-60.017 v -10e-4 c 0,-33.146 -26.871,-60.016 -60.017,-60.016 h -361.966 c -33.147,0 -60.017,26.87 -60.017,60.016 v 10e-4 c 0,33.147 26.87,60.017 60.017,60.017 h 168.428" style="fill:none;stroke:currentColor;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2214"></path> </g> <g id="g2216" transform="translate(308.6128,77.8438)"> <path d="M 0,0 -255.775,255.774 -92.394,419.156 163.381,163.382 Z" style="fill:none;stroke:currentColor;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2218"></path> </g> <g id="g2220" transform="translate(291.6318,258.2061)"> <path d="M 0,0 16.932,-180.313 -238.745,75.363 -58.432,58.432" style="fill:none;stroke:currentColor;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2222"></path> </g> <g id="g2224" transform="translate(471.9453,241.2744)"> <path d="m 0,0 -233.729,21.947 -21.948,233.73 z" style="fill:none;stroke:currentColor;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" id="path2226"></path> </g> </g> </g> </g></svg> </div>
<div class="content-wrap">
info@clickandapproved.com </div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-439e2e3" data-id="439e2e3" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-01e8585 elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="01e8585" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="243" height="77" src="https://clickandapproved.com/wp-content/uploads/2023/07/clickn-apaprove.png" class="attachment-full size-full wp-image-4735" alt="" /> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-ecdb62b" data-id="ecdb62b" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-2284e8e elementor-hidden-mobile align-right icon-default elementor-widget elementor-widget-mae-icon-text" data-id="2284e8e" data-element_type="widget" data-widget_type="mae-icon-text.default">
<div class="elementor-widget-container">
<div class="master-icon-text">
<div class="icon-wrap">
<i aria-hidden="true" class="ci ci-phone-call1"></i> </div>
<div class="content-wrap">
+1 866-300-1212 </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="elementor-element elementor-element-a86fe55 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image" data-id="a86fe55" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="243" height="77" src="https://clickandapproved.com/wp-content/uploads/2023/07/clickn-apaprove.png" class="attachment-large size-large wp-image-4735" alt="" /> </div>
</div>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-b0f5e66 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b0f5e66" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a2c1616" data-id="a2c1616" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-b5735d9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="b5735d9" data-element_type="widget" data-widget_type="divider.default">
<div class="elementor-widget-container">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-0be1a3e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0be1a3e" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-b90b3ff" data-id="b90b3ff" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-98d515b elementor-widget elementor-widget-spacer" data-id="98d515b" data-element_type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-6e8f36c elementor-widget elementor-widget-heading" data-id="6e8f36c" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Explore</h2> </div>
</div>
<div class="elementor-element elementor-element-8c6a424 line-hover elementor-widget elementor-widget-mae-link" data-id="8c6a424" data-element_type="widget" data-widget_type="mae-link.default">
<div class="elementor-widget-container">
<a class="master-link icon-none" href="https://clickandapproved.com/about-us/" >
<span>About Us</span>
</a>
</div>
</div>
<div class="elementor-element elementor-element-f37effb line-hover elementor-widget elementor-widget-mae-link" data-id="f37effb" data-element_type="widget" data-widget_type="mae-link.default">
<div class="elementor-widget-container">
<a class="master-link icon-none" href="https://clickandapproved.com/faqs/" >
<span>FAQ's</span>
</a>
</div>
</div>
<div class="elementor-element elementor-element-a16dc3b line-hover elementor-widget elementor-widget-mae-link" data-id="a16dc3b" data-element_type="widget" data-widget_type="mae-link.default">
<div class="elementor-widget-container">
<a class="master-link icon-none" href="https://clickandapproved.com/experts-insights/" >
<span>Experts Insights</span>
</a>
</div>
</div>
<div class="elementor-element elementor-element-cec5bcf line-hover elementor-widget elementor-widget-mae-link" data-id="cec5bcf" data-element_type="widget" data-widget_type="mae-link.default">
<div class="elementor-widget-container">
<a class="master-link icon-none" href="https://clickandapproved.com/news/" >
<span>Latest News</span>
</a>
</div>
</div>
<div class="elementor-element elementor-element-87d9cf4 line-hover elementor-widget elementor-widget-mae-link" data-id="87d9cf4" data-element_type="widget" data-widget_type="mae-link.default">
<div class="elementor-widget-container">
<a class="master-link icon-none" href="https://clickandapproved.com/contact/" >
<span>Contact</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-729e5f1" data-id="729e5f1" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-3e8a21e elementor-widget elementor-widget-spacer" data-id="3e8a21e" data-element_type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4bfb6ab elementor-widget elementor-widget-heading" data-id="4bfb6ab" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Contact</h2> </div>
</div>
<div class="elementor-element elementor-element-a31b47f elementor-widget elementor-widget-text-editor" data-id="a31b47f" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>6097 Sunrise Dr. Lower Lake CA 95457</p> </div>
</div>
<div class="elementor-element elementor-element-a6d61ad elementor-widget elementor-widget-text-editor" data-id="a6d61ad" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Mon – Fri: 8:00am to 6:00pm<br />Sun: Closed</p> </div>
</div>
<div class="elementor-element elementor-element-2300852 align-left icon-has-bg elementor-widget elementor-widget-mae-social-icons" data-id="2300852" data-element_type="widget" data-widget_type="mae-social-icons.default">
<div class="elementor-widget-container">
<div class="master-social-icons">
<a href="https://www.facebook.com/ClickandApproved" aria-label="icon">
<i aria-hidden="true" class="ci ci-facebook"></i> </a>
<a href="https://www.instagram.com/ClickandApproved/" aria-label="icon">
<i aria-hidden="true" class="ci-instagram"></i> </a>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-ef5df99" data-id="ef5df99" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-3a5123e elementor-widget elementor-widget-spacer" data-id="3a5123e" data-element_type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-0053c33 elementor-widget elementor-widget-heading" data-id="0053c33" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Protecting Your Data and Information</h2> </div>
</div>
<div class="elementor-element elementor-element-d695588 elementor-widget elementor-widget-text-editor" data-id="d695588" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>We value your privacy. Learn more about data collection, usage, and sharing in our policy.</p> </div>
</div>
<div class="elementor-element elementor-element-b2c972f elementor-widget elementor-widget-button" data-id="b2c972f" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://clickandapproved.com/privacy-policy/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Learn more</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-401fc98 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="401fc98" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d42bb02" data-id="d42bb02" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-2bf0f29 align-center elementor-widget elementor-widget-mae-copyright" data-id="2bf0f29" data-element_type="widget" data-widget_type="mae-copyright.default">
<div class="elementor-widget-container">
<div class="master-copyright">
<p>© All Copyright 2023 by <a href="http://clickandapproved.com">Clickandapproved.com</a></p> </div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</footer>
<div id="scroll-top"></div> </div><!-- /#page -->
</div><!-- /#wrapper -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/surince\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel='stylesheet' id='elementor-post-4477-css' href='https://clickandapproved.com/wp-content/uploads/elementor/css/post-4477.css?ver=1743267073' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-1049-css' href='https://clickandapproved.com/wp-content/uploads/elementor/css/post-1049.css?ver=1743267073' type='text/css' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.28.1' type='text/css' media='all' />
<link rel='stylesheet' id='widget-divider-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.28.1' type='text/css' media='all' />
<link rel='stylesheet' id='widget-spacer-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=3.28.1' type='text/css' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.28.1' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://clickandapproved.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' type='text/css' media='all' />
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/masterlayer-addons-for-elementor/assets/js/gsap.min.js?ver=1.0.0" id="gsap-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/masterlayer-addons-for-elementor/assets/js/waitforimages.js?ver=1.0.0" id="waitforimages-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/masterlayer-addons-for-elementor/assets/js/core.js?ver=1.0" id="mae-core-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/masterlayer-addons-for-elementor/assets/js/init.js?ver=1.0" id="mae-init-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/themes/surince/assets/js/animsition.js?ver=4.0.1" id="animsition-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/themes/surince/assets/js/easing.js?ver=1.3.0" id="easing-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/themes/surince/assets/js/fitvids.js?ver=1.0.0" id="fitvids-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/themes/surince/assets/js/main.js?ver=1.0" id="surince-theme-script-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/masterlayer-addons-for-elementor/assets/js/parallax-scroll.js?ver=3.7.1" id="parallaxScroll-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.8.0" id="elementor-pro-webpack-runtime-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.28.1" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.28.1" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" id="elementor-pro-frontend-js-before">
/* <![CDATA[ */
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/clickandapproved.com\/wp-admin\/admin-ajax.php","nonce":"ad571c165f","urls":{"assets":"https:\/\/clickandapproved.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/clickandapproved.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},
"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/clickandapproved.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.8.0" id="elementor-pro-frontend-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
/* <![CDATA[ */
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},
"hasCustomBreakpoints":false},"version":"3.28.1","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_local_google_fonts":true,"theme_builder_v2":true,"editor_v2":true,"home_screen":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/clickandapproved.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/clickandapproved.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/clickandapproved.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"ba2e0c47d6"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"global_image_lightbox":"no","active_breakpoints":["viewport_mobile","viewport_tablet"],"lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":5787,"title":"Calculator%20%E2%80%93%20Click%20%26%20Approved","excerpt":"","featuredImage":false}};
/* ]]> */
</script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.28.1" id="elementor-frontend-js"></script>
<script type="text/javascript" src="https://clickandapproved.com/wp-content/plugins/elementor-pro/assets/js/preloaded-elements-handlers.min.js?ver=3.8.0" id="pro-preloaded-elements-handlers-js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Select the input field with the class "quotepage-form"
const zipCodeInput = document.getElementById('form-field-zipcode');
const getQuoteButton = document.getElementById('zipCodeGetQuote'); // The button that triggers the redirect
// Ensure both elements exist before continuing
if (!zipCodeInput || !getQuoteButton) {
console.error('ZIP Code input or Get Quote button not found');
return;
}
getQuoteButton.addEventListener('click', function(event) {
event.preventDefault(); // Prevent default form submission
const zipCode = zipCodeInput.value.trim(); // Get the ZIP code value
// Validate ZIP code (5-digit numbers only)
const zipCodePattern = /^\d{5}$/;
if (!zipCodePattern.test(zipCode)) {
alert('Please enter a valid 5-digit ZIP Code.');
zipCodeInput.focus();
return false;
}
// Redirect to the URL with ZIP code as a query string
const redirectUrl = `https://clickandapproved.com/quote-form/?zipcode=${zipCode}`;
window.location.href = redirectUrl;
});
});
document.addEventListener('DOMContentLoaded', function() {
const hiddenField = document.getElementById('form-field-field_daae8a3');
function getQueryParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
const zipCode = getQueryParam('zipcode');
console.log(zipCode)
if (zipCode) {
hiddenField.value = zipCode;
}
});
</script>
<script id="shopping-cart-items-updater" type="text/javascript"></script>
</body>
</html> 