The program for calculating deposits showed two things:
- When other conditions are the same, a deposit with a capitalization of interest is more profitable than a deposit with simple interest.
- Bankers might me many things, but they are not fools. Therefore, they offer different interest for different types of deposits.
That’s why choosing the most profitable type of deposit is not so easy. Fortunately, this task can be automated and deposits with different conditions can be compared. Anyway, here is a standard technical assignment:
Meow! I need a program to compare types of deposits. I specify deposit parameters in variables:
- initialAmount is the initial deposit amount,
- depositDuration is the deposit term in months,
- simplePercent is interest rate for a deposit with simple interest,
- complexPercent is the interest rate for a deposit with capitalization of interest.
The program should calculate the final deposit amount for deposits with simple and capitalized interest, and then save the recommendations in two variables:
- recommendedType is the recommended type of deposit. Assign 'simple' string to this variable if you recommend a simple deposit and 'compound' string if a deposit with a capitalization of interest is more profitable.
- finalAmount is the final deposit amount.
The task may seem complicated and time-consuming, but it is not the case, because you have already written half of the solution in the previous task. Your function for calculating interest has already been written and tested, which means that it works as it is supposed to. All we have left to do is copy it from the previous task, call it using the right arguments (for a deposit with simple interest and a deposit with capitalization), compare the results and determine which one is more profitable.
Long live code re-use!
This task can also be solved without using functions, because Muffin will keep changing the values of variables and testing your solution, just like he did in other chapters. But since you already have a tested and proven function, you can use it to speed up the solution. Then you will have to call this function yourself and transfer into it values from input variables. You already know how to do it.
When everything is ready, call the Boss, as always, by clicking the Hey boss, here’s your program! button.
<!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><script>var b=document.documentElement.classList;b.remove('no-js');if(!window.Promise||!window.sessionStorage||!!sessionStorage.getItem('muller.v2')){b.add('muller')}</script><link rel="dns-prefetch" href="https://assets.htmlacademy.org"><script async src="https://www.googletagmanager.com/gtag/js?id=G-MXPCRXM48C"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MXPCRXM48C');
</script><script type="text/javascript">
(function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
;r.type="text/javascript"
;r.integrity="sha384-d/yhnowERvm+7eCU79T/bYjOiMmq4F11ElWYLmt0ktvYEVgqLDazh4+gW9CKMpYW"
;r.crossOrigin="anonymous";r.async=true
;r.src="https://cdn.amplitude.com/libs/amplitude-5.2.2-min.gz.js"
;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
console.log("[Amplitude] Error: could not load SDK")}}
;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
;function s(e,t){e.prototype[t]=function(){
this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
var o=function(){this._q=[];return this}
;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
;return this}
;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c
;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
;function v(e){function t(t){e[t]=function(){
e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
e=(!e||e.length===0?"$default_instance":e).toLowerCase()
;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
;e.amplitude=n})(window,document);
amplitude.getInstance().init("df11525b6880a3c5e2af14f9b6238408", null,{
includeUtm: true,
includeGclid: true,
includeReferrer: true,
deviceIdFromUrlParam: true
}, function (instance) {
window.amplitudeLoaded = true;
});
</script><link rel="stylesheet" href="https://assets.htmlacademy.org/css/core.v284.css"><link rel="stylesheet" href="https://assets.htmlacademy.org/css/text.v104.css"><link rel="stylesheet" href="https://assets.htmlacademy.org/css/course-paywall.v6.css"><link rel="stylesheet" href="https://assets.htmlacademy.org/css/course-interface-light.v20.css"><link rel="stylesheet" href="https://assets.htmlacademy.org/css/course-interface-ru.v2.css"><link rel="stylesheet" href="/css/custom.css"><link rel="stylesheet" href="/css/cookies.css"><link rel="preload" as="script" href="https://assets.htmlacademy.org/js/general.v274.js"><title>Ninth program: “The Eternal Question” — Functions — HTML Academy</title><meta name="csrf-token" content=""><meta property="og:type" content="website"><meta property="og:site_name" content="HTML Academy"><meta name="twitter:url" property="og:url" content="https://htmlacademy.org"><meta name="twitter:title" property="og:title" content="Interactive online courses HTML Academy"><meta name="twitter:description" property="og:description" content="Together we’ll learn how to work with real code, solve true-to-life problems, use cutting edge technologies. Minimum of boring theory and lots of practical tasks."><meta name="twitter:image" property="og:image" content="https://htmlacademy.org/og/htmlacademy.png"><meta name="twitter:card" content="summary_large_image"><link rel="canonical" href="https://htmlacademy.org/courses/javascript-programming/functions/challenge-deposits-condition"><meta name="theme-color" content="#2f358f"></head><body class="course-interface course-interface--light" data-base="/assets/courses/6/"><header class="page-header page-header--course"><div class="page-header__inner"><div class="page-header__top"><a class="page-header__logo" href="/" aria-label="HTML Academy Home"><img src="https://assets.htmlacademy.org/img/logo--small.svg?cs=1218aec0be4a5f23db79ad29a14e30f7f9fb9a25" width="24" height="36" alt="HTML Academy"></a><nav class="main-nav main-nav--mini" role="navigation"><div class="main-nav__course-nav"><a class="main-nav__course-item main-nav__course-button main-nav__course-button--prev" href="/courses/javascript-programming/functions/challenge-calculate-deposit">Eighth program: “Money makes money”</a><div class="main-nav__course-item main-nav__course-list main-nav__course-list--collapsed"><b class="main-nav__course-title">Functions</b><span class="main-nav__course-stat">24/24</span><div class="main-nav__course-contents"><a class="main-nav__course-contents-link" href="/courses/javascript-programming/functions">Back to the list of tasks</a><ul class="main-nav__course-contents-list"><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/calc-miles">1. Fasten your seat belts</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/check-miles">2. Long-distance flight</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/kamchatka-miles">3. Going the second circle</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/first-function">4. Helper function</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/function-call">5. Function, I’m calling you!</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/parameter">6. I have a parameter for you</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/order-of-parameters">7. Order of parameters</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/return">8. Return from function</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/summary-1">9. Summary of “Functions”. Part 1</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/challenge-salary">10. Seventh program: “From salary to salary”</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/check-flight-class">11. Business trip</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/add-variables">12. Write, simplify</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/refactor-return">13. Get rid of unnecessary</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/optimization">14. Make me beautiful</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/add-percent">15. Just add percentage</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/calculate-flights">16. Call me quietly by name</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/add-miles-target">17. I see the target</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/flights-condition">18. How many flights?</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/flights-class-condition">19. Let’s clean up a little</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/which-is-faster">20. Who is faster?</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/add-array">21. Saving up for a trip around the world</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/summary-2">22. Summary of “Functions”. Part 2</a></li><li class="main-nav__course-contents-item"><a href="/courses/javascript-programming/functions/challenge-calculate-deposit">23. Eighth program: “Money makes money”</a></li><li class="main-nav__course-contents-item main-nav__course-contents-item--current"><a href="/courses/javascript-programming/functions/challenge-deposits-condition">24. Ninth program: “The Eternal Question”</a></li></ul></div></div><a class="main-nav__course-item main-nav__course-button main-nav__course-button--next" href="/courses/javascript-programming/functions">List of tasks</a></div><ul class="main-nav__list main-nav__list--user main-nav__list--user-guest"><li class="main-nav__item" itemprop="name"><a class="main-nav__link" href="/signup?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" title="Sign up" data-modal="open" data-value="register" itemprop="url"><span class="main-nav__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#user"></use></svg></span>Sign up</a></li><li class="main-nav__item main-nav__item--login" itemprop="name"><a class="main-nav__link" href="/login?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" title="Log in" data-modal="open" data-value="login" itemprop="url"><span class="main-nav__icon" aria-hidden="true"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#login"></use></svg></span>Log in</a></li></ul></nav></div></div></header><main class="course-container course-interface__content js-course"><div class="course-container__inner"><article class="course-layout"><div class="course-layout__sidebar course-theory"><div class="course-theory__inner course-theory__inner--left-stub"><button class="course-theory__close icon-close icon-close--light" type="button" title="Close">Close</button><ul class="course-tabs course-tabs--non-interactive course-layout__theory-heading"><li class="course-tabs__item course-tabs__item--external course-tab course-tab--centered"><span class="course-tab__icon"><svg aria-hidden="true"><use xlink:href="courses#icon-theory"></use></svg></span><span class="course-tab__title">Theory</span></li><li class="course-tabs__item course-tabs__item--internal course-tab course-tab--centered course-tab--active"><span class="course-tab__icon"><svg aria-hidden="true"><use xlink:href="courses#icon-theory"></use></svg></span><span class="course-tab__title">Theory</span></li></ul><section class="course-theory__content"><div class="course-theory__content-inner"><h1 class="course-theory__content-heading">Ninth program: “The Eternal Question”</h1><div class="course-theory__content-text"><p>The program for calculating deposits showed two things:</p><ol><li>When other conditions are the same, a deposit with a capitalization of interest is more profitable than a deposit with simple interest.</li><li>Bankers might me many things, but they are not fools. Therefore, they offer different interest for different types of deposits.</li></ol><p>That’s why choosing the most profitable type of deposit is not so easy. Fortunately, this task can be automated and deposits with different conditions can be compared. Anyway, here is a standard technical assignment:</p><blockquote><p>Meow! I need a program to compare types of deposits. I specify deposit parameters in variables:</p><ol><li><code>initialAmount</code> is the initial deposit amount,</li><li><code>depositDuration</code> is the deposit term in months,</li><li><code>simplePercent</code> is interest rate for a deposit with simple interest,</li><li><code>complexPercent</code> is the interest rate for a deposit with capitalization of interest.</li></ol><p>The program should calculate the final deposit amount for deposits with simple and capitalized interest, and then save the recommendations in two variables:</p><ol><li><code>recommendedType</code> is the recommended type of deposit. Assign <code>'simple'</code> string to this variable if you recommend a simple deposit and <code>'compound'</code> string if a deposit with a capitalization of interest is more profitable.</li><li><code>finalAmount</code> is the final deposit amount.</li></ol></blockquote><p>The task may seem complicated and time-consuming, but it is not the case, because you have already written half of the solution in the previous task. Your function for calculating interest has already been written and tested, which means that it works as it is supposed to. All we have left to do is copy it from the previous task, call it using the right arguments (for a deposit with simple interest and a deposit with capitalization), compare the results and determine which one is more profitable.</p><p>Long live code re-use!</p><p>This task can also be solved without using functions, because Muffin will keep changing the values of variables and testing your solution, just like he did in other chapters. But since you already have a tested and proven function, you can use it to speed up the solution. Then you will have to call this function yourself and transfer into it values from input variables. You already know how to do it.</p><p>When everything is ready, call the Boss, as always, by clicking the <span class="course-theory__example-button">Hey boss, here’s your program!</span> button.</p></div></div></section><div class="course-theory__controls"><button class="button button--close" type="button">To the task</button></div></div></div><div class="course-layout__column"><ul class="course-tabs course-layout__course-tabs"><li class="course-tabs__item course-tabs__item--limited course-tabs__item--limited-large course-tab"><span class="course-tab__title">index.html</span></li></ul><div class="course-layout__editors"><div class="course-editor course-layout__editor"><span class="course-editor__label"><span class="course-editor__label-item">HTML</span></span><div class="course-editor__item" id="html"></div></div></div></div><div class="course-layout__column"><span class="course-separator-control"><svg aria-hidden="true"><use xlink:href="courses#icon-arrows-separator"></use></svg></span><div class="course-browser"><div class="course-browser__menu"><span class="course-browser__menu-item course-browser__address"><span class="course-browser__menu-item-inner">HTML</span></span><button class="js--autorun course-browser__menu-item course-browser__menu-button course-browser__menu-button--text-with-icon course-browser__menu-button--autorun course-browser__menu-button--autorun-on" title="Autorun" type="button"><span class="course-browser__menu-item-inner"><svg aria-hidden="true"><use xlink:href="/img/sprites/courses.svg#icon-autorun"></use></svg>
Autorun
</span></button><button class="course-browser__menu-item course-browser__menu-button course-browser__menu-button--expand" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M1.375 5.125v4.5h4.5m3.75-3.75v-4.5h-4.5" fill="none" fill-rule="evenodd" stroke="currentColor"></path></svg></button></div><div class="course-browser__content"><div class="course-browser__modal js--browser-modal"><div class="course-browser__notification course-browser__modal-heading js--browser-modal-heading"><p class="course-browser__notification-text">You’ve gone to a different page</p><button class="course-browser__notification-button js--close" type="button">← Go back</button></div><div class="course-browser__zoomer"><iframe class="js--preview-document course-browser__content course-browser__zoomer-element"></iframe><p class="course-browser__focus-message">
Click inside the mini-browser to shift the focus onto this window.
</p></div></div><div class="course-browser__menu course-browser__menu--vertical"><button class="course-browser__menu-item course-browser__menu-button course-browser__menu-button--increase" type="button" disabled title="Larger"><span class="course-browser__menu-item-inner">Larger</span></button><span class="course-browser__menu-item course-browser__zoom"><span class="course-browser__menu-item-inner">100%</span></span><button class="course-browser__menu-item course-browser__menu-button course-browser__menu-button--decrease" type="button" title="Smaller"><span class="course-browser__menu-item-inner">Smaller</span></button></div><div class="js--validation-view course-browser__results-restriction course-browser__results-restriction--mini"><span class="tooltip tooltip--light tooltip--short course-browser__results-restriction-tooltip"><span class="js--tooltip-text"></span><button class="js--validation-view-close course-browser__results-restriction-tooltip-close icon-close" type="button">Закрыть</button></span></div></div></div></div></article></div><div class="course-interface__overlay course-interface__overlay--active"></div></main><main class="js-subscription hidden"><div class="page-content"><div class="page-content__inner"><div class="service-layout-wrapper"><section class="service"><nav class="breadcrumbs" itemscope itemtype="http://schema.org/SiteNavigationElement"><ul class="breadcrumbs__list"><li class="breadcrumbs__item" itemprop="name"><a href="/" itemprop="url">Home</a></li><li class="breadcrumbs__item" itemprop="name"><a href="/courses" itemprop="url">Interactive courses</a></li><li class="breadcrumbs__item" itemprop="name"><a href="/courses/javascript-programming" itemprop="url">JavaScript programming</a></li><li class="breadcrumbs__item" itemprop="name"><a href="/courses/javascript-programming/functions" itemprop="url">Functions</a></li></ul></nav><div class="service__inner"><div class="service__image"><img src="/static/img/cashier.svg" width="227" height="250" alt="Granny Muffin"></div><div class="service__content"><h1 class="service__title">Easy there, pal!</h1><p class="service__info">To access the <a href="/courses/javascript-programming/functions">Functions</a> challenges in the <a href="/courses/javascript-programming">JavaScript programming</a>, you need to sign up and subscribe first.</p><div class="service__buttons"><a class="button button--wide" href="/signup?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" title="Sign up" data-modal="open" data-value="register" itemprop="url">Sign up</a></div></div></div></section></div></div></div></main><footer class="page-footer page-footer--tiny"><div class="page-footer__inner"><p><a href="/docs/cookies">Cookies</a> ∙
<a href="/docs/privacy">Privacy</a> ∙
<a href="/docs/agreement">License Agreement</a> ∙
<a href="/docs/about">About</a> ∙
<a href="/contacts">Contacts</a> ∙
© HTML Academy OÜ, 2019−2026
</p><div class="page-footer__financial"><img src="https://assets.htmlacademy.org/img/visa-white.svg?cs=96e54ec8c587db9d4b1d8d328ffd87c2ebfd9555" alt="VISA" title="VISA" width="35" height="35"><img src="https://assets.htmlacademy.org/img/mastercard-horizontal.v2.svg" alt="Mastercard" title="Mastercard" width="35" height="35"></div></div></footer><div class="modal"><div class="modal__inner"><div class="modal__wrapper js-login hidden"><button class="modal__close icon-close" type="button" title="Close" data-modal="close"></button><h4 class="modal__header">Log in</h4><ul class="modal__social"><li class="modal__social-link modal__social-link--fb"><a href="/login/fb?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" rel="nofollow" title="Log in via Facebook"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#facebook"></use></svg></a></li><li class="modal__social-link modal__social-link--google"><a href="/login/google?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" rel="nofollow" title="Log in via Google"><svg height="30" width="30" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#ffffff" d="M457.732 216.625c2.628 14.041 4.063 28.743 4.063 44.098C461.796 380.688 381.481 466 260.204 466c-116.023 0-210-93.977-210-210s93.977-210 210-210c56.704 0 104.077 20.867 140.44 54.73l-59.204 59.197v-.135c-22.046-21.002-50-31.762-81.236-31.762-69.297 0-125.604 58.537-125.604 127.841 0 69.29 56.306 127.968 125.604 127.968 62.87 0 105.653-35.965 114.46-85.312h-114.46v-81.902h197.528z"/></svg></a></li></ul><div class="modal__or"><span>or</span></div><form class="modal__form form" action="/login?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" autocomplete="off" method="post" data-submit="o"><input type="hidden" name="csrf_name" value="csrf69aea781aa88e"><input type="hidden" name="csrf_value" value="e754a748877d34931c1c5fe79be97f33"><div class="form__group"><label class="sr-only" for="login-email">Email</label><input class="field field--text field--full-width" type="email" name="email" placeholder="Email" value="" id="login-email"></div><div class="form__group"><label class="sr-only" for="login-password">Password</label><input class="field field--text field--full-width ym-disable-keys" type="password" name="password" placeholder="Password" id="login-password"></div><input class="button button--full-width" type="submit" data-submit-text="Logging in…" value="Log in"></form><p class="modal__forgot-password"><a href="/recover" data-modal="open" data-value="recover">Forgot your password?</a></p><a class="modal__bottom-link" href="/signup" data-modal="open" data-value="register">Sign up</a></div><div class="modal__wrapper js-register hidden"><button class="modal__close icon-close" type="button" title="Close" data-modal="close"></button><h4 class="modal__header">Sign up</h4><ul class="modal__social"><li class="modal__social-link modal__social-link--fb"><a href="/login/fb?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" rel="nofollow" title="Log in via Facebook"><svg aria-hidden="true"><use xlink:href="/img/sprites/general.svg#facebook"></use></svg></a></li><li class="modal__social-link modal__social-link--google"><a href="/login/google?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" rel="nofollow" title="Log in via Google"><svg height="30" width="30" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#ffffff" d="M457.732 216.625c2.628 14.041 4.063 28.743 4.063 44.098C461.796 380.688 381.481 466 260.204 466c-116.023 0-210-93.977-210-210s93.977-210 210-210c56.704 0 104.077 20.867 140.44 54.73l-59.204 59.197v-.135c-22.046-21.002-50-31.762-81.236-31.762-69.297 0-125.604 58.537-125.604 127.841 0 69.29 56.306 127.968 125.604 127.968 62.87 0 105.653-35.965 114.46-85.312h-114.46v-81.902h197.528z"/></svg></a></li></ul><div class="modal__or"><span>or</span></div><form class="modal__form form" action="/signup?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" autocomplete="off" method="post"><input type="hidden" name="csrf_name" value="csrf69aea781aa88e"><input type="hidden" name="csrf_value" value="e754a748877d34931c1c5fe79be97f33"><div class="form__group"><label class="sr-only" for="email">
Email
<span class="required"><span class="sr-only">Required field</span><span class="required__star">*</span></span></label><div class="form__group-fields"><input class="field field--text field--full-width" type="email" name="email" value="" id="email" required placeholder="Email"></div></div><div class="form__group"><label class="sr-only" for="password">
Password
<span class="required"><span class="sr-only">Required field</span><span class="required__star">*</span></span></label><div class="form__group-fields"><input class="field field--text field--full-width" type="password" name="password" value="" id="password" required placeholder="Password"></div></div><div class="form__group"><label class="checkbox"><input class="checkbox__input" type="checkbox" name="agreement" value="1" required><span class="checkbox__text"><span>By signing up, you agree to our <a href="/docs/agreement" target="_blank">License Agreement</a> and <a href="/docs/privacy" target="_blank">Privacy Policy</a>.</span></span></label></div><input class="button button--full-width" type="submit" data-submit-text="Signing up…" value="Sign up"></form><a class="modal__bottom-link" href="/login?redirect_url=%2Fcourses%2Fjavascript-programming%2Ffunctions%2Fchallenge-deposits-condition" data-modal="open" data-value="login">Log in</a></div><div class="modal__wrapper modal__wrapper--no-btn-bottom js-recover hidden"><button class="modal__close icon-close" type="button" title="Close" data-modal="close"></button><h4 class="modal__header">Restore access</h4><p class="modal__text-accent">Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.</p><form class="modal__form form" action="/recover" autocomplete="off" method="post" data-submit="o"><input type="hidden" name="csrf_name" value="csrf69aea781aa88e"><input type="hidden" name="csrf_value" value="e754a748877d34931c1c5fe79be97f33"><div class="form__group"><label class="sr-only" for="recovery-email">Email</label><input class="field field--text field--full-width" type="email" name="email" placeholder="Email" value="" id="recovery-email"></div><script src='https://www.google.com/recaptcha/api.js'></script><div class="form__group"><div class="g-recaptcha" data-sitekey="6LetCTEqAAAAANROWtPzfC7Rfg9iIRiRt2k2FPn7"></div></div><input class="button button--full-width" type="submit" data-submit-text="Sending…" value="Send"></form><p class="modal__text">Forgot to connect your email to the profile? Email us and we’ll help.</p></div></div></div><script async src="https://assets.htmlacademy.org/js/general.v274.js" data-assets="https://assets.htmlacademy.org" data-require="toggle,navigation-courses,modal,form,nav"></script><script src="https://assets.htmlacademy.org/js/courses-paywall.v11.js"></script></body></html>