{"id":1332,"date":"2021-05-19T12:15:00","date_gmt":"2021-05-19T06:45:00","guid":{"rendered":"https:\/\/www.codingbroz.com\/?p=1332"},"modified":"2021-06-20T17:51:12","modified_gmt":"2021-06-20T12:21:12","slug":"day-5-template-literals-javascript-solution","status":"publish","type":"post","link":"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/","title":{"rendered":"Day 5: Template Literals | 10 Days Of JavaScript | HackerRank Solution"},"content":{"rendered":"\n<p>Hello coders, today we are going to solve <strong>Day 5: Template Literals HackerRank Solution<\/strong> which is a part of <strong>10 Days of JavaScript<\/strong> Series.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/05\/day-5-template-literals-10-days-of-javascript-codingbroz.png\" alt=\"Day 5: Template Literals\" class=\"wp-image-1334\" srcset=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/05\/day-5-template-literals-10-days-of-javascript-codingbroz.png 1200w, https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/05\/day-5-template-literals-10-days-of-javascript-codingbroz-768x432.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-662da0ced0ea4\" class=\"ez-toc-cssicon-toggle-label\"><label class=\"ez-toc-title\">Table of Contents<\/label>\n<span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0090ff;color:#0090ff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0090ff;color:#0090ff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-662da0ced0ea4\" checked \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/#Objective\" title=\"Objective\">Objective<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/#Task\" title=\"Task\">Task<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/#Input_Format\" title=\"Input Format \">Input Format <\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/#Constraints\" title=\"Constraints\">Constraints<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/#Output_Format\" title=\"Output Format\">Output Format<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.codingbroz.com\/day-5-template-literals-javascript-solution\/#Solution_%E2%80%93_Day_5_Template_Literals\" title=\"Solution &#8211; Day 5: Template Literals \">Solution &#8211; Day 5: Template Literals <\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Objective\"><\/span><strong>Objective<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In this challenge, we practice using JavaScript Template Literals.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Task\"><\/span><strong>Task<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The code in the editor has a tagged template literal that passes the area and perimeter of a rectangle to a tag function named&nbsp;<em>sides<\/em>. Recall that the first argument of a tag function is an array of string literals from the template, and the subsequent values are the template&#8217;s respective expression values.<\/p>\n\n\n\n<p>Complete the function in the editor so that it does the following:<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>s = P +- (P^2 &#8211; 16*4)^1\/2 \/4<\/strong><\/p>\n\n\n\n<ol><li>Finds the initial values of&nbsp;<strong><em>s1<\/em><\/strong>&nbsp;and&nbsp;<strong><em>s2<\/em><\/strong>&nbsp;by plugging the&nbsp;<em>area<\/em>&nbsp;and&nbsp;<em>perimeter<\/em>&nbsp;values into the formula:where&nbsp;<strong><em>A<\/em><\/strong>&nbsp;is the rectangle&#8217;s area and&nbsp;<em><strong>P<\/strong><\/em>&nbsp;is its perimeter.<\/li><li>Creates an array consisting of&nbsp;<strong><em>s1<\/em><\/strong>&nbsp;and&nbsp;<strong><em>s2<\/em><\/strong>&nbsp;and sorts it in ascending order.<\/li><li>Returns the sorted array.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Input_Format\"><\/span><strong>Input Format <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The first line contains an integer denoting&nbsp;<strong><em>s1<\/em><\/strong>.<br>The second line contains an integer denoting&nbsp;<strong><em>s2<\/em><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Constraints\"><\/span><strong>Constraints<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul><li><strong>1 &lt;= <em>s1<\/em>, <\/strong><em><strong>s2<\/strong><\/em><strong> &lt;= 100<\/strong><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Output_Format\"><\/span><strong>Output Format<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Return an array consisting of&nbsp;<strong><em>s1<\/em><\/strong>&nbsp;and&nbsp;<strong><em>s2<\/em><\/strong>, sorted in ascending order.<\/p>\n\n\n\n<p><strong>Sample Input 0<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>10\n14<\/code><\/pre>\n\n\n\n<p><strong>Sample Output 0<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>10\n14<\/code><\/pre>\n\n\n\n<p><strong>Explanation 0<\/strong><\/p>\n\n\n\n<p>The locked code in the editor passes the following arrays to the tag function:<\/p>\n\n\n\n<ul><li>The value of&nbsp;<strong><em>literals<\/em><\/strong>&nbsp;is&nbsp;<code>[ 'The area is: ', '.\\nThe perimeter is: ', '.' ]<\/code>.<\/li><li>The value of&nbsp;<strong><em>expressions<\/em><\/strong>&nbsp;is&nbsp;<code>[ 140, 48 ]<\/code>, where the first value denotes the rectangle&#8217;s&nbsp;<em>area<\/em>,&nbsp;<strong><em>A<\/em><\/strong>, and the second value denotes its&nbsp;<em>perimeter<\/em>,&nbsp;<strong><em>P<\/em><\/strong>.<\/li><\/ul>\n\n\n\n<p>When we plug those values into our formula, we get the following:<\/p>\n\n\n\n<p><strong><em>s1<\/em> = 14<\/strong><br><strong><em>s2<\/em> = 10<\/strong><\/p>\n\n\n\n<p>We then store these values in an array,&nbsp;<code>[14, 10]<\/code>, sort the array, and return the sorted array,&nbsp;<code>[10, 14]<\/code>, as our answer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Solution_%E2%80%93_Day_5_Template_Literals\"><\/span><strong>Solution &#8211; Day 5: Template Literals <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">'use strict';\n\nprocess.stdin.resume();\nprocess.stdin.setEncoding('utf-8');\n\nlet inputString = '';\nlet currentLine = 0;\n\nprocess.stdin.on('data', inputStdin => {\n    inputString += inputStdin;\n});\n\nprocess.stdin.on('end', _ => {\n    inputString = inputString.trim().split('\\n').map(string => {\n        return string.trim();\n    });\n    \n    main();    \n});\n\nfunction readLine() {\n    return inputString[currentLine++];\n}\n\n\/*\n * Determine the original side lengths and return an array:\n * - The first element is the length of the shorter side\n * - The second element is the length of the longer side\n * \n * Parameter(s):\n * literals: The tagged template literal's array of strings.\n * expressions: The tagged template literal's array of expression values (i.e., [area, perimeter]).\n *\/\nfunction sides(literals, ...expressions) {\n    var area = expressions[0];\n    var perimeter = expressions[1];\n    \n    var s1 = (perimeter + Math.sqrt(perimeter * perimeter - 16 * area)) \/ 4;\n    var s2 = (perimeter - Math.sqrt(perimeter * perimeter - 16 * area)) \/ 4;\n    var arr = [s1, s2];\n    var arrSort = arr.sort(function (a, b) {\n        return a - b;\n    });\n    return arrSort;\n}\n\n<\/pre>\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block; text-align:center;\"\n     data-ad-layout=\"in-article\"\n     data-ad-format=\"fluid\"\n     data-ad-client=\"ca-pub-5246141430412355\"\n     data-ad-slot=\"8798433565\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p><strong>Disclaimer:<\/strong> The above Problem<strong> (<a href=\"https:\/\/www.hackerrank.com\/challenges\/js10-template-literals\/problem\" target=\"_blank\" aria-label=\"Template Literals (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Template Literals<\/a>)<\/strong> is generated by Hacker Rank but the Solution is Provided by <strong>CodingBroz<\/strong>. This tutorial is only for <strong>Educational<\/strong> and <strong>Learning<\/strong> Purpose. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello coders, today we are going to solve Day 5: Template Literals HackerRank Solution which is a part of 10 Days of JavaScript Series.<\/p>\n","protected":false},"author":1,"featured_media":1334,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9,150],"tags":[151,80,155,18],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/05\/day-5-template-literals-10-days-of-javascript-codingbroz.png","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/1332"}],"collection":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/comments?post=1332"}],"version-history":[{"count":3,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/1332\/revisions"}],"predecessor-version":[{"id":3410,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/1332\/revisions\/3410"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media\/1334"}],"wp:attachment":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media?parent=1332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/categories?post=1332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/tags?post=1332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}