Create an embedded Google Map using the <iframe> tag.

Medium

Problem Statement

Create an embedded Google Map using the tag.</p> </div></div><div class="sec" q:key="bY_6"><h4>Sample Input</h4><pre class="code-block">An embedded Google Map iframe.</pre></div><div class="sec" q:key="bY_7"><h4>Sample Output</h4><pre class="code-block">The webpage displays an embedded Google Map. </pre></div><div class="sec constraints-row"><h4>Limits</h4><p>Time: 2s · Memory: 256 MB</p></div></div><div class="panel-body hidden" q:key="bY_17" q:id="16"><div class="sec" q:key="0"><h4>Hint 1</h4><p>Use the <iframe> tag and set src to the Google Maps embed link.</p></div></div><div class="panel-body hidden" q:id="17"><div class="empty-state" q:key="bY_19">No past submissions yet.</div></div></section><div class="h-dragger" on:pointerdown="q-b289ccec.js#s_aFJ6Jy21b3s[0 1 2]" q:id="18"></div><div class="right" q:id="19"><section style="flex: 1 1 auto" class="panel editor-panel viewer-mode"><div class="editor-head"><div class="left-grp"><button title="Hide problem" class="toggle-problem-btn" on:click="q-b289ccec.js#s_YMxDuDIetB8[0]" q:id="1a"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" q:key="4q_1"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" key="1nnpy2" q:key="4q_0"></path><polyline points="14 2 14 8 20 8" key="1ew0cm" q:key="4q_0"></polyline><line x1="16" x2="8" y1="13" y2="13" key="14keom" q:key="4q_0"></line><line x1="16" x2="8" y1="17" y2="17" key="17nazh" q:key="4q_0"></line><line x1="10" x2="8" y1="9" y2="9" key="1a5vjj" q:key="4q_0"></line></svg></button><span class="label">Code Editor</span><select value="HTML" class="lang-select" on:change="q-b289ccec.js#s_oPHNN34aMh8[0]" q:id="1c"><option value="HTML" q:key="HTML">HTML</option></select></div><div class="head-tools"><span class="save-note"></span><button class="btn btn-ghost" on:click="q-b289ccec.js#s_V8xTREhZ18o[0 1 2 3]" q:id="1e"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save" q:key="4q_1"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" key="1owoqh" q:key="4q_0"></path><polyline points="17 21 17 13 7 13 7 21" key="1md35c" q:key="4q_0"></polyline><polyline points="7 3 7 8 15 8" key="8nz8an" q:key="4q_0"></polyline></svg>Save</button><a href="/login/" class="viewer-login" on:click="q-b289ccec.js#s_FgB2kypyqw8[0 1 2]" q:id="1g">Log in to submit</a><span title="Active time on this problem" class="timer" q:id="1h"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" q:key="4q_1"><circle cx="12" cy="12" r="10" key="1mglay" q:key="4q_0"></circle><polyline points="12 6 12 12 16 14" key="68esgv" q:key="4q_0"></polyline></svg>00:00</span><button title="Reset code" class="iconbtn" on:click="q-b289ccec.js#s_j6DrYK90Um0[0 1 2 3 4]" q:id="1j"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rotate-ccw" q:key="4q_1"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" key="1357e3" q:key="4q_0"></path><path d="M3 3v5h5" key="1xhq8a" q:key="4q_0"></path></svg></button></div></div><p class="viewer-note" q:key="bY_44">Try your code in this preview. Submit marks it done.</p><div class="viewer-split" q:key="bY_47" q:id="1l"><div style="flex: 1 1 55%" class="editor-wrap" q:id="1m"><style q:style="svkryo-0" hidden>.ace-code-editor{height:100%}.ace-code-editor textarea{opacity:1;position:static;width:100%!important;height:100%!important}.ace-code-editor .ace_scroller,.ace-code-editor .ace_gutter{top:8px}.ace_scrollbar::-webkit-scrollbar{width:6px;height:6px;border-radius:1rem}.ace_scrollbar::-webkit-scrollbar-thumb{background:var(--common-theme-yellow);border-radius:1rem}.ace_scrollbar::-webkit-scrollbar-track{border-radius:1rem;background:var(--common-theme-grey-400);display:none} </style><div class="ace-code-editor" on:qvisible="q-8c5a8471.js#_hW[0] q-8c5a8471.js#_hW[1]" q:id="1o"><!doctype html> <html></html> </div></div><div aria-label="Resize editor and preview" aria-orientation="horizontal" role="separator" class="v-dragger" on:pointerdown="q-b289ccec.js#s_h2RMtY0A0iA[0 1]" q:id="1q"></div><div style="flex: 0 0 45%" class="web-preview" q:id="1r"><div class="web-preview-title"><p id="code-practice-preview-doc-title">Document</p></div><div id="code-practice-preview" class="web-preview-frame"><p class="web-preview-empty">To view the HTML changes, please type the code within the editor</p></div></div></div></section></div></main><footer class="bottombar" q:key="bY_75"><nav aria-label="Question navigation" class="question-nav" q:key="bY_74"><a aria-label="Previous question" href="/coding-practice/add-a-contact-form-with-placeholders-in-each-field-name-email-message-to-guide-users/?lang=html" class="question-nav-link question-nav-prev" q:key="bY_71" q:id="1s">‹ Prev</a><a href="/programming-exercises/" class="question-nav-all">View all Problems</a><a aria-label="Next question" href="/coding-practice/add-a-styled-button-that-changes-color-when-hovered-over-using-inline-styles/?lang=html" title="Next question" class="question-nav-link question-nav-next" q:key="bY_73" q:id="1t">Next ›</a></nav><div class="nav-group nav-group-right"><span class="source-badge">Exercise</span><span class="limits-info">2s · 256 MB</span></div></footer></div></div></main><script>(async(e,n)=>{var a;if(!window._qcs&&history.scrollRestoration==="manual"){window._qcs=!0;const o=(a=history.state)==null?void 0:a._qCityScroll;o&&window.scrollTo(o.x,o.y);const i=document.currentScript;(await import(e))[n](i)}})('/build/q-663033b0.js','s_DyVc0YBIqQU');</script><div id="isPluginsLoaded" style="display:none"></div><script> localStorage.removeItem('isPluginsLoaded') if (window) { setTimeout(() => { const plugin=document.getElementById('isPluginsLoaded'); if (plugin && plugin.dataset.isLoaded==="true") return else if (localStorage.getItem('isPluginsLoaded')==="true") return else document.getElementsByTagName("head")[0].click(); }, 5000); }</script></body><link rel="modulepreload" href="/build/q-8f5e64d1.js"><link rel="modulepreload" href="/build/q-fa1cd1c1.js"><script q:type="prefetch-bundles">document.dispatchEvent(new CustomEvent('qprefetch', {detail:{links: [location.pathname]}}))</script><script type="qwik/json">{"refs":{"2":"3j 3m","9":"3p","18":"t u 64","e":"3e","f":"3c","i":"3q 3c","k":"3t","n":"6f 68 6c","q":"s","r":"s","t":"l","u":"l","v":"l","w":"v","1a":"v","1c":"x","1e":"x g! o h","1g":"x g! h","1j":"x g! o i h","1o":"6t 6w","1q":"w 66"},"ctx":{"1":{"h":" 1i!","w":"1n","c":"qc-c=0! qc-ic=d qc-h=7! qc-l=c! qc-n=1o qc-s=b! qc-a=9 qc-ir=8"},"3":{"h":"6x","s":"7! c!"},"4":{"h":" 25"},"5":{"h":" 25"},"7":{"h":"19"},"8":{"w":"3p"},"10":{"h":" 25"},"16":{"h":" 25"},"17":{"h":" 25"},"19":{"h":" 25"},"a":{"h":"1a","s":"d"},"c":{"h":"1g 35!"},"d":{"h":"38 37!","w":"3e","s":"39 c! 3e"},"h":{"h":"7d z!"},"j":{"h":"7d 10!"},"l":{"h":"1t","s":"2k"},"m":{"h":"5d g!","w":"6f 48 3w 3z 4r 68 6c 4e","s":"5e l 5g x h 40 o 43 41 46 45 p n m 49 q 5l r 5n j k 5o 5q 44 s u t v 60 w i 3x 64 65 66 3u 6f 2y 2y 2y 2y 68 6c 2y"},"o":{"h":"7d 11!"},"p":{"h":" 25"},"s":{"h":" 25"},"x":{"h":"7d 12!"},"y":{"h":" 25"},"1b":{"h":"7d 13!"},"1f":{"h":"7d 14!"},"1h":{"h":" 25"},"1i":{"h":"7d 15!"},"1k":{"h":"7d 16!"},"1l":{"h":" 25"},"1m":{"h":" 25"},"1n":{"h":"6z 6l!","w":"6t 6p 6w","s":"70 6u 6g y 6h 6t 2y 6w"},"1r":{"h":" 25"},"1s":{"h":" 25"},"1t":{"h":" 25"},"1x":{"h":"2n 2m!"},"1y":{"h":"6y"},"1z":{"h":"3h"}},"objs":[{"headings":"9q","menu":"9q"},{"name":"1e","content":"1f"},["1"],[],[],[],{},{"title":"1d","meta":"2","links":"3","styles":"4","scripts":"5","frontmatter":"6"},"\u00121l","\u00129q","\u001217",{"1oN0RNIJvsM":"30","G4HlAKYO0mM":"9q","jrT8VW8V14k":"2j"},{"url":"1k","params":"3f","isNavigating":"17","prevUrl":"3g"},"\u00129q","\u001217","\u001217",{"isLoggedIn":"17","problem":"2f","questionNavigation":"2i"},"\u0012*1p","\u00121x","\u00124b","\u001217","\u00124a","\u001217","\u001217","\u0012*1d","\u00125j","\u001217","\u001217","\u00121e","\u00125v","\u00125u","\u001217","\u001261","\u001220","\u0012*1p",{"class":"71","name":"72","iconNode":"7c"},{"class":"7e","name":"7f","iconNode":"7o"},{"size":"7p","name":"7f","iconNode":"7o"},{"size":"7q","name":"7r","iconNode":"7w"},{"size":"7x","name":"7y","iconNode":"8o"},{"size":"8p","name":"8q","iconNode":"93"},{"size":"8p","name":"94","iconNode":"9e"},{"size":"9f","name":"9g","iconNode":"9p"},false,"\u001217","\u0002q-4cdc43db.js#s_iVhlWLW03HY[e]","\u0002q-4b7a266a.js#s_e0ssiDXoeAM","\u00117! @0","\u00117! @0","Coding Practice — Placement Preparation","description","Practice coding problems with real-time evaluation.","\u0002q-2dc42959.js#s_6YPPDmTSkBE",{},{},"initial","\u0005http://www.placementpreparation.io/coding-practice/create-an-embedded-google-map-using-the-iframe-tag/",{"type":"1j","dest":"1k"},"\u0002q-d8d1e512.js#s_02wMImzEAbk[9 0! d 7! 9q 1o b! 1h 1i! 8 c!]","\u00032 g 1m #1","\u0002q-d8d1e512.js#s_fX0bDjeJa0E[9 1h 8 c!]","\u001137! @1","\u001137! @2","\u001137! @3","#g","\u0002q-63b09d45.js#s_6nZ0PppaEpg",761,"create-an-embedded-google-map-using-the-iframe-tag","exercises html intermediate",0,[],[],"HTML","html","preview",{"key":"20","displayName":"20","extension":"21","editorMode":"20","viewer":"22"},["23"],null,{"input":"*12","expectedOutput":"*13","isHidden":"17","explanation":"25"},["26"],{"input":"*12","expectedOutput":"*13","isHidden":"17","explanation":"25"},["28"],"Use the <iframe> tag and set src to the Google Maps embed link.",["2a"],2,256,"exercise",{"questionId":"1u","questionSlug":"1v","questionTitle":"*z","question":"*z","difficulty":"*11","category":"1w","score":"1x","tags":"1y","companies":"1z","supportedLanguages":"24","solutionTemplate":"*1p","sampleTestCases":"27","testCases":"29","hints":"2b","timeLimit":"2c","memoryLimit":"2d","questionSource":"2e"},"/coding-practice/add-a-contact-form-with-placeholders-in-each-field-name-email-message-to-guide-users/?lang=html","/coding-practice/add-a-styled-button-that-changes-color-when-hovered-over-using-inline-styles/?lang=html",{"previousUrl":"2g","nextUrl":"2h"},{"problem":"2f","isLoggedIn":"17","questionNavigation":"2i"},"\u0013b! jrT8VW8V14k","\u001131 @4",{"$$dynamicAdConfig":"2l"},"\u0002q-2dc42959.js#s_CseZaHX0GWE[a]","daily-test-promobar","/mock-test/?tab=company-specific","in-tab",{"link":"2p","behaviour":"2q"},"{{platform}}_{{page_name}}","{{target}}","mock_test","promo_bar",{"content":"*g","buttonText":"17"},{"imagePath":"*1d"},true,"b2c",{"adId":"2o","redirectLink":"2r","source":"2s","medium":"2t","campaign":"2u","target":"2v","promobarDetails":"2w","webinarDetails":"2x","enablePromoBar":"2y","enableModal":"17","showTo":"2z"},"\u0013b! 1oN0RNIJvsM","\u001131 @4","\u0013b! G4HlAKYO0mM","\u001133 @4",{"$$dynamicAdConfig":"32","$$userDetails":"34"},"\u001135! @5",{"$$promoConfig":"36"},"\u0002q-eb3c8935.js#s_aixKcfXFaH0","7ftdo1-0","coding_practice_create_an_embedded_google_map_using_the_iframe_tag","/mock-test/?tab=company-specific&utm_source=website_coding_practice_create_an_embedded_google_map_using_the_iframe_tag&utm_medium=promo_bar&utm_campaign=mock_test",{"source":"2s","medium":"2t","campaign":"2u","target":"2v","source_path":"3a","redirect_url":"3b","promo_content":"*g","promo_button_text":"17"},"\u0002q-eb3c8935.js#s_v3ZcJEwSX2Q[3c]","\u00031 2 3d #d",{"slug":"1v"},"\u0005http://www.placementpreparation.io/coding-practice/create-an-embedded-google-map-using-the-iframe-tag/","\u0002q-4cdc43db.js#s_wSR0hI0hfGE[e]","\u0002q-4cdc43db.js#s_0u80eGR0mzc[e]","\u0002q-4cdc43db.js#s_7FKFIh60M9M[18 3i]","\u001217","\u0002q-4cdc43db.js#s_oq2PDUj66y4[f]","\u0002q-4cdc43db.js#s_ILDEh4p6zJ0[3k 3l]","\u001217","\u0002q-f53993fb.js#s_6JVmfWzzGV4[3n c!]","\u00031 2 3o #8","\u0002q-eb3c8935.js#s_7r2hGxoUxgI","\u001217","\u0002q-2dc42959.js#s_CnaUaEc1o3Y[a]","\u0002q-2dc42959.js#s_lVF77fjw0VI[3r 3s]","\u001217","\u0002q-b289ccec.js#s_D3LRucyiRro[x 3u g! h]","\u00032 12 3v #m","\u0012*1p","\u0002q-b289ccec.js#s_BJZ8EuGtgQI[x g! 3x i h]","\u00032 13 3y #m","\u00121x","\u0012*1d","> Run your code to see console output.","\u001242","\u00121u","\u001225","\u001225","\u0002q-b289ccec.js#s_ikvuhEhwzQE[40 41 43 x 3u 44 g! 45 h 46]","\u00032 11 47 #m","\u00121u","problem",[],"\u0002q-b289ccec.js#s_UqnCTeYku0I[g! j k]","\u0002q-b289ccec.js#s_hcnQQkkLrqk[4c l]","\u00032 17 4d #m","\u0011l @6","\u0011l @7","\u0011l @8","\u0011l @9","\u0011l @a","\u0011l @b","\u0011m @c","\u0011m @d","\u0011m @e","\u0011n @f","\u0011n @g","\u0002q-b289ccec.js#s_0n44GU85bXI[49 l m g! n]","\u00032 14 4q #m","\u0011g! @h","#z","\u0011g! @i","\u0011g! @j","#11","\u0011g! @k","#12","\u0011g! @l","#13","\u0011g! @m","#14","\u0011g! @n","#15","\u0011g! @o","\u0011g! @p","\u0011g! @q","#1u","\u0011g! @m","#1v","\u0011g! @n","#1w","\u0002q-b289ccec.js#s_fB1iU2WppRo","n90jx6-0","cases","\u00125f","\u0011o @4","#1d",{"761":"1x"},"\u0011q @4","\u0012*1d","success","\u00125m","\u001225",{},"\u00125p","\u0011s @4","\u0011s @r","\u0011s @s",42,40,"\u0011t u @t","\u0011v @u","\u0011v @v",58,"\u00125z",55,"\u0011w @w","\u0011w @x","\u0012#p","\u0012#19","\u0012#1l","\u0002q-b289ccec.js#s_DyzEKyjsEkc[49 p n]","\u00031 15 67 #m","\u0002q-b289ccec.js#s_XikwYs2rLw8[r 5l 5n]","\u0002q-b289ccec.js#s_LrSc0XwZiJQ[43 x p 5o q m g! o 69 j h 5q 46 5g n]","\u0002q-b289ccec.js#s_nNSdJNd0tSM[q 6a g!]","\u00031 16 6b #m","\u0011x @4","\u0002q-b289ccec.js#s_IoSczGvXp1g[x 3u g! 3x h]","\u00031 10 6e #m","\u001225","\u00122y","\u0011h @4","\u0002q-b289ccec.js#s_b72amklTAJY[x g! h]","code-practice-preview",{"$$code":"6i","language":"20","updatecode":"6j","previewId":"6k"},"\u0002q-8c5a8471.js#s_bbaWV1yamzM[6l!]","\u0002q-8c5a8471.js#s_nmjJ0vAQEwk[6m]","\u0002q-8c5a8471.js#s_VCqCWGZNOuo[y 6l! 6n]","\u00032 6 6o #1n","\u0011y @y","#1p","\u0002q-8c5a8471.js#s_k2MytH0qthA[6g 6h y 6l!]","\u00031 5 6s #1n","\u0012#1o","\u0002q-8c5a8471.js#s_WUKzPvz30Ys[6g 6h y 6u 6l!]","\u00031 7 6v #1n","\u0002q-63d0a21d.js#s_jGxBwIlI7MY","\u0002q-4cdc43db.js#s_xLf2OEtrmyk[f]","\u0002q-8c5a8471.js#s_p0fRIQqkGPM","svkryo-0","ml-4","ArrowRight","path","M5 12h14","1ays0h",{"d":"74","key":"75"},["73","76"],"m12 5 7 7-7 7","xquz4c",{"d":"78","key":"79"},["73","7a"],["77","7b"],"\u0002q-ff79a9fe.js#s_uOX4S2KoajI","close-icon","X","M18 6 6 18","1bl5f8",{"d":"7g","key":"7h"},["73","7i"],"m6 6 12 12","d8bk6v",{"d":"7k","key":"7l"},["73","7m"],["7j","7n"],20,18,"ChevronLeft","m15 18-6-6 6-6","1wnfg3",{"d":"7s","key":"7t"},["73","7u"],["7v"],16,"FileText","M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z","1nnpy2",{"d":"7z","key":"80"},["73","81"],"polyline","14 2 14 8 20 8","1ew0cm",{"points":"84","key":"85"},["83","86"],"line","16","8","13","14keom",{"x1":"89","x2":"8a","y1":"8b","y2":"8b","key":"8c"},["88","8d"],"17","17nazh",{"x1":"89","x2":"8a","y1":"8f","y2":"8f","key":"8g"},["88","8h"],"10","9","1a5vjj",{"x1":"8j","x2":"8a","y1":"8k","y2":"8k","key":"8l"},["88","8m"],["82","87","8e","8i","8n"],15,"Save","M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z","1owoqh",{"d":"8r","key":"8s"},["73","8t"],"17 21 17 13 7 13 7 21","1md35c",{"points":"8v","key":"8w"},["83","8x"],"7 3 7 8 15 8","8nz8an",{"points":"8z","key":"90"},["83","91"],["8u","8y","92"],"Clock","circle","12","1mglay",{"cx":"96","cy":"96","r":"8j","key":"97"},["95","98"],"12 6 12 12 16 14","68esgv",{"points":"9a","key":"9b"},["83","9c"],["99","9d"],17,"RotateCcw","M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8","1357e3",{"d":"9h","key":"9i"},["73","9j"],"M3 3v5h5","1xhq8a",{"d":"9l","key":"9m"},["73","9n"],["9k","9o"],"\u0001"],"subs":[["_1"],["_1","0 #3 name","0 #3","0 #3 content"],["_1","0 #3"],["_1","0 #3"],["_1","0 #3"],["_1","0 #3"],["_1"],["_1","0 #3 links","0 #3 title","0 #3 meta","0 #3 styles","0 #3 scripts","1 #4 1b #3 content title","1 #5 1c #3 content title"],["0 1n"],["0 1n"],["0 #1x"],["0 #c 1oN0RNIJvsM","0 #c G4HlAKYO0mM","0 #d 1oN0RNIJvsM","1 #f 1p #d rel 1oN0RNIJvsM","1 #f 1q #d target 1oN0RNIJvsM","3 #g 1r #g 1oN0RNIJvsM","0 #l jrT8VW8V14k","0 #1x 1oN0RNIJvsM"],["0 #3 url","0 #d url"],["0 #a"],["0 #7","0 #1z"],["0 #1y"],["0 #m problem","0 48 problem","0 3z problem","0 4r problem","0 #m isLoggedIn","0 #m questionNavigation","3 #z 4s #z problem","1 #10 4u #m class problem","3 #11 4v #11 problem","3 #12 4x #12 problem","3 #13 4z #13 problem","3 #14 51 #14 problem","3 #15 53 #15 problem","1 #1s 55 #m href questionNavigation","1 #1t 56 #m href questionNavigation","3 #1u 57 #1u problem","3 #1v 59 #1v problem","3 #1w 5b #1w problem"],["0 #1n"],["0 3z"],["0 #m"],["0 #m"],["0 4e","1 #t 4f #m class","1 #u 4g #m class","1 #v 4h #m class","1 #y 4i #m class","1 #16 4j #m class","1 #17 4k #m class"],["0 #m","1 #1t 4l #m aria-label","1 #1t 4m #m class","1 #1t 4n #m title"],["1 #1h 4o #m class","1 #1h 4p #m title"],["3 #1d 5h #1d"],["0 #m"],["1 #1e 5k #m disabled"],["0 #m"],["1 #p 5r #m data-mobile-view","1 #q 5s #m class","1 #r 5t #m class"],["1 #s 5w #m style"],["1 #s 5w #m style"],["0 #m","1 #s 5x #m class","1 #1a 5y #m title"],["1 #1m 62 #m style","1 #1r 63 #m style"],["0 3w","0 3z","0 #m","1 #1c 6d #m value"],["0 6p","3 #1p 6q #1p"],["0 #h class"],["0 #j class"],["0 #o size"],["0 #x size"],["0 #1b size"],["0 #1f size"],["0 #1i size"],["0 #1k size"]]}</script><script q:func="qwik/json">document.currentScript.qFuncs=[(p0,)=>(p0.title), (p0,)=>(p0.promoConfig.redirectLink?.behaviour==="new-tab"?"noreferrer":undefined), (p0,)=>(p0.promoConfig.redirectLink?.behaviour==="new-tab"?"_blank":"_self"), (p0,)=>((p0.promoConfig.promobarDetails??{}).content), (p0,)=>(p0.value), (p0,)=>(p0.dynamicAdConfig), (p0,)=>(`tab${p0.value==="problem"?" active":""}`), (p0,)=>(`tab${p0.value==="hints"?" active":""}`), (p0,)=>(`tab${p0.value==="submission"?" active":""}`), (p0,)=>(`panel-body${p0.value==="problem"?"":" hidden"}`), (p0,)=>(`panel-body${p0.value==="hints"?"":" hidden"}`), (p0,)=>(`panel-body${p0.value==="submission"?"":" hidden"}`), (p0,)=>(p0.value?"All test cases passed. Move to the next problem":"Next question"), (p0,)=>(`question-nav-link question-nav-next${p0.value?" next-prompt":""}`), (p0,)=>(p0.value?"Move to the next problem":"Next question"), (p0,)=>(`timer${p0.value?" stopped":""}`), (p0,)=>(p0.value?"Timer stopped":"Active time on this problem"), (p0,)=>(p0.problem.questionTitle||"Untitled"), (p0,)=>(`pill ${p0.problem.difficulty?.toLowerCase()||"easy"}`), (p0,)=>(p0.problem.difficulty||"Easy"), (p0,)=>(p0.problem.sampleTestCases[0].input), (p0,)=>(p0.problem.sampleTestCases[0].expectedOutput), (p0,)=>(p0.problem.timeLimit||2), (p0,)=>(p0.problem.memoryLimit||256), (p0,)=>(p0.questionNavigation.previousUrl), (p0,)=>(p0.questionNavigation.nextUrl), (p0,)=>(p0.problem.questionSource==="exercise"?"Exercise":"Practice"), (p0,)=>(`toggle-btn${p0.value==="description"?" active":""}`), (p0,)=>(`toggle-btn${p0.value==="editor"?" active":""}`), (p0,p1,)=>(`--left-w:${p1.value}%;--left-h:${p0.value}%`), (p0,)=>(`panel left${p0.value?" collapsed":""}`), (p0,)=>(p0.value?"Show problem":"Hide problem"), (p0,)=>(`flex: 1 1 ${p0.value}%`), (p0,)=>(`flex: 0 0 ${100-p0.value}%`), (p0,)=>(`${p0.value}`)]</script><script id="qwikloader">((e,t)=>{const n="__q_context__",o=window,s=new Set,i=t=>e.querySelectorAll(t),a=(e,t,n=t.type)=>{i("[on"+e+"\\:"+n+"]").forEach((o=>f(o,e,t,n)))},r=(e,t)=>e.getAttribute(t),l=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===r(n,"type")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\x3C(\/?script)/g,"<$1"));break}n=n.previousElementSibling}}},c=(e,t)=>new CustomEvent(e,{detail:t}),f=async(t,o,s,i=s.type)=>{const a="on"+o+":"+i;t.hasAttribute("preventdefault:"+i)&&s.preventDefault();const c=t._qc_,f=null==c?void 0:c.li.filter((e=>e[0]===a));if(f&&f.length>0){for(const e of f)await e[1].getFn([t,s],(()=>t.isConnected))(s,t);return}const b=r(t,a);if(b){const o=t.closest("[q\\:container]"),i=new URL(r(o,"q:base"),e.baseURI);for(const a of b.split("\n")){const r=new URL(a,i),c=r.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",f=performance.now(),b=import( /* @vite-ignore */ r.href.split("#")[0]);l(o);const p=(await b)[c],u=e[n];if(t.isConnected)try{e[n]=[t,s,r],d("qsymbol",{symbol:c,element:t,reqTime:f}),await p(s,t)}finally{e[n]=u}}}},d=(t,n)=>{e.dispatchEvent(c(t,n))},b=e=>e.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())),p=async e=>{let t=b(e.type),n=e.target;for(a("-document",e,t);n&&n.getAttribute;)await f(n,"",e,t),n=e.bubbles&&!0!==e.cancelBubble?n.parentElement:null},u=e=>{a("-window",e,b(e.type))},w=()=>{var n;const a=e.readyState;if(!t&&("interactive"==a||"complete"==a)&&(t=1,d("qinit"),(null!=(n=o.requestIdleCallback)?n:o.setTimeout).bind(o)((()=>d("qidle"))),s.has("qvisible"))){const e=i("[on\\:qvisible]"),t=new IntersectionObserver((e=>{for(const n of e)n.isIntersecting&&(t.unobserve(n.target),f(n.target,"",c("qvisible",n)))}));e.forEach((e=>t.observe(e)))}},q=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),v=t=>{for(const n of t)s.has(n)||(q(e,n,p,!0),q(o,n,u),s.add(n))};if(!e.qR){const t=o.qwikevents;Array.isArray(t)&&v(t),o.qwikevents={push:(...e)=>v(e)},q(e,"readystatechange",w),w()}})(document);</script><script>window.qwikevents.push("scroll", "click", "mousedown", "mousemove", "touchstart", "keydown", "qinit", "qvisible", "pointerdown", "change")</script></html>

Programming Exercises

Create an embedded Google Map using the <iframe> tag.

Problem Statement