stackoverflow.html - webdump_tests - Testfiles for webdump
(HTM) git clone git://git.codemadness.org/webdump_tests
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
---
stackoverflow.html (207092B)
---
1 <!DOCTYPE html>
2
3
4 <html itemscope itemtype="https://schema.org/QAPage" class="html__responsive " lang="en">
5
6 <head>
7
8 <title>jquery - How to write a simple hello world program in Javascript? - Stack Overflow</title>
9 <link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196">
10 <link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
11 <link rel="image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
12 <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">
13 <link rel="canonical" href="https://stackoverflow.com/questions/41482348/how-to-write-a-simple-hello-world-program-in-javascript" />
14 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
15 <meta property="og:type" content= "website" />
16 <meta property="og:url" content="https://stackoverflow.com/questions/41482348/how-to-write-a-simple-hello-world-program-in-javascript"/>
17 <meta property="og:site_name" content="Stack Overflow" />
18 <meta property="og:image" itemprop="image primaryImageOfPage" content="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon@2.png?v=73d79a89bded" />
19 <meta name="twitter:card" content="summary"/>
20 <meta name="twitter:domain" content="stackoverflow.com"/>
21 <meta name="twitter:title" property="og:title" itemprop="name" content="How to write a simple hello world program in Javascript?" />
22 <meta name="twitter:description" property="og:description" itemprop="description" content="I've been looking all over the world.

All I see is samples alerting hello world

I don't want to alert hello world.

I want to print a simple website saying hello world.

&lt;!DOCTYPE html&gt;
&lt..." />
23 <script id="webpack-public-path" type="text/uri-list">https://cdn.sstatic.net/</script>
24 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
25 <script defer src="https://cdn.sstatic.net/Js/third-party/npm/@stackoverflow/stacks/dist/js/stacks.min.js?v=ad920dba3340"></script>
26 <script src="https://cdn.sstatic.net/Js/stub.en.js?v=34b15b21ff80"></script>
27
28 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/stacks.css?v=312b43e78b51">
29 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=134475a13287">
30
31
32
33 <link rel="alternate" type="application/atom+xml" title="Feed for question 'How to write a simple hello world program in Javascript?'" href="/feeds/question/41482348">
34 <script>
35 StackExchange.ready(function () {
36
37 StackExchange.using("snippets", function () {
38 StackExchange.snippets.initSnippetRenderer();
39 });
40
41 StackExchange.using("postValidation", function () {
42 StackExchange.postValidation.initOnBlurAndSubmit($('#post-form'), 2, 'answer');
43 });
44
45
46 StackExchange.question.init({showAnswerHelp:true,showTrendingSortLaunchPopover:false,showTrendingSortPostLaunchPopover:false,totalCommentCount:5,shownCommentCount:5,enableTables:true,questionId:41482348});
47
48 styleCode();
49
50 StackExchange.realtime.subscribeToQuestion('1', '41482348');
51 StackExchange.using("gps", function () { StackExchange.gps.trackOutboundClicks('#content', '.js-post-body'); });
52
53
54 });
55 </script>
56
57
58
59
60 <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/Channels/channels.css?v=a4d77abedec3">
61
62
63
64
65
66 <script type="application/json" data-role="module-args" data-module-name="Shared/options.mod">{"options":{"locale":"en","serverTime":1692289499,"routeName":"Questions/Show","stackAuthUrl":"https://stackauth.com","networkMetaHostname":"meta.stackexchange.com","site":{"name":"Stack Overflow","description":"Q\u0026A for professional and enthusiast programmers","isNoticesTabEnabled":true,"enableNewTagCreationWarning":true,"insertSpaceAfterNameTabCompletion":false,"id":1,"cookieDomain":".stackoverflow.com","childUrl":"https://meta.stackoverflow.com","negativeVoteScoreFloor":null,"enableSocialMediaInSharePopup":true,"protocol":"https"},"user":{"fkey":"fc10909db3327d9292b6542297daa3408f1ec833c99ba8fd261779dcb316bb58","tid":"1a42e9a8-1f2a-376e-f05a-a2441183dd94","rep":0,"isAnonymous":true,"isAnonymousNetworkWide":true},"events":{"postType":{"question":1},"postEditionSection":{"title":1,"body":2,"tags":3}}}}</script>
67 <script type="application/json" data-role="module-args" data-module-name="Shared/settings.mod">{"settings":{"userMessaging":{"showNewFeatureNotice":true},"tags":{},"subscriptions":{"defaultBasicMaxTrueUpSeats":250,"defaultFreemiumMaxTrueUpSeats":50,"defaultMaxTrueUpSeats":1000},"snippets":{"renderDomain":"stacksnippets.net","snippetsEnabled":true},"site":{"allowImageUploads":true,"enableImgurHttps":true,"enableUserHovercards":true,"forceHttpsImages":true,"stacksEditorPreviewEnabled":true,"styleCode":true},"search":{},"questions":{"enableQuestionTitleLengthLiveWarning":true,"enableSavesFeature":true,"maxTitleSize":150,"questionTitleLengthStartLiveWarningChars":50},"intercom":{"appId":"inf0secd","enableJavascriptImplementationFor":true,"hostBaseUrl":"https://stacksnippets.net"},"paths":{"jQueryUICSSPath":"https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css","jQueryUIJSPath":"https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"},"mentions":{"maxNumUsersInDropdown":50},"markdown":{"enableTables":true},"legal":{"oneTrustConfigId":"c3d9f1e3-55f3-4eba-b268-46cee4c6789c"},"flags":{"allowRetractingCommentFlags":true,"allowRetractingFlags":true},"elections":{"opaVoteResultsBaseUrl":"https://www.opavote.com/results/"},"comments":{},"accounts":{"currentPasswordRequiredForChangingStackIdPassword":true}}}</script>
68 <script>StackExchange.init();</script>
69
70 <script>
71 StackExchange.using.setCacheBreakers({"Js/adops.en.js":"6da43f5e0a84","Js/ask.en.js":"","Js/begin-edit-event.en.js":"20edbaccceae","Js/copy-transpiled.en.js":"d31dc7eba3bc","Js/events.en.js":"","Js/explore-qlist.en.js":"2b1f34938b8b","Js/full-anon.en.js":"75469f2c8efe","Js/full.en.js":"5c9424d54d95","Js/highlightjs-loader.en.js":"510e2f94c2bf","Js/inline-tag-editing.en.js":"db4721cf46fa","Js/keyboard-shortcuts.en.js":"107c2ac31497","Js/markdown-it-loader.en.js":"5818ef89ff9d","Js/mentions-transpiled.en.js":"aaeac2684aa8","Js/moderator.en.js":"09ac289a927b","Js/postCollections-transpiled.en.js":"216ffeda5016","Js/post-validation.en.js":"cce75daddbbd","Js/question-editor.en.js":"","Js/review-v2-transpiled.en.js":"69c0e3530e0b","Js/revisions.en.js":"e6acc03fd5b5","Js/stacks-editor.en.js":"146f5c06067a","Js/tageditor.en.js":"dc13482a67f8","Js/tageditornew.en.js":"cebacb19d403","Js/tagsuggestions.en.js":"bd6ec908f2a7","Js/unlimited-transpiled.en.js":"e776ac1beccb","Js/wmd.en.js":"8c0f9d3b0a66","Js/snippet-javascript-codemirror.en.js":"ae1dcf38deb7"});
72 StackExchange.using("gps", function() {
73 StackExchange.gps.init(false);
74 });
75 </script>
76 <noscript id="noscript-css"><style>body,.s-topbar{margin-top:1.9em}</style></noscript>
77 </head>
78 <body class="question-page unified-theme">
79 <div id="notify-container"></div>
80 <div id="custom-header"></div>
81
82 <header class="s-topbar ps-fixed t0 l0 js-top-bar">
83 <div class="s-topbar--container">
84 <a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>
85 <div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno">
86 <div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm"></div>
87 </div>
88 <a href="https://stackoverflow.com" class="s-topbar--logo js-gps-track"
89 data-gps-track="top_nav.click({is_current:false, location:2, destination:8})">
90 <span class="-img _glyph">Stack Overflow</span>
91 </a>
92
93
94
95 <ol class="s-navigation" role="presentation">
96
97 <li class="md:d-none">
98 <a href="https://stackoverflow.co/" class="s-navigation--item js-gps-track"
99 data-gps-track="top_nav.products.click({location:2, destination:7})"
100 data-ga="["top navigation","about menu click",null,null,null]">About</a>
101 </li>
102
103 <li>
104 <a href="#"
105 class="s-navigation--item js-gps-track js-products-menu"
106 aria-controls="products-popover"
107 data-controller="s-popover"
108 data-action="s-popover#toggle"
109 data-s-popover-placement="bottom"
110 data-s-popover-toggle-class="is-selected"
111 data-gps-track="top_nav.products.click({location:2, destination:1})"
112 data-ga="["top navigation","products menu click",null,null,null]">
113 Products
114 </a>
115 </li>
116
117 <li class="md:d-none">
118 <a href="https://stackoverflow.co/teams/" class="s-navigation--item js-gps-track"
119 data-gps-track="top_nav.products.click({location:2, destination:7})"
120 data-ga="["top navigation","learn more - teams",null,null,null]">For Teams</a>
121 </li>
122 </ol>
123 <div class="s-popover ws2 mtn2 p0"
124 id="products-popover"
125 role="menu"
126 aria-hidden="true">
127 <div class="s-popover--arrow"></div>
128 <ol class="list-reset s-anchors s-anchors__inherit">
129 <li class="m6">
130 <a href="/questions" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
131 data-gps-track="top_nav.products.click({location:2, destination:2})"
132 data-ga="["top navigation","public qa submenu click",null,null,null]">
133 <span class="fs-body1 d-block">Stack Overflow</span>
134 <span class="fs-caption d-block fc-light">Public questions & answers</span>
135 </a>
136 </li>
137 <li class="m6">
138 <a href="https://stackoverflow.co/teams/" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
139 data-gps-track="top_nav.products.click({location:2, destination:3})"
140 data-ga="["top navigation","teams submenu click",null,null,null]">
141 <span class="fs-body1 d-block">Stack Overflow for Teams</span>
142 <span class="fs-caption d-block fc-light">Where developers & technologists share private knowledge with coworkers</span>
143 </a>
144 </li>
145 <li class="m6">
146 <a href="https://stackoverflow.co/talent/" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
147 data-gps-track="top_nav.products.click({location:2, destination:5})"
148 data-ga="["top navigation","talent submenu click",null,null,null]">
149 <span class="fs-body1 d-block">Talent</span>
150 <span class="fs-caption d-block fc-light">
151 Build your employer brand
152 </span>
153 </a>
154 </li>
155 <li class="m6">
156 <a href="https://stackoverflow.co/advertising/" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
157 data-gps-track="top_nav.products.click({location:2, destination:6})"
158 data-ga="["top navigation","advertising submenu click",null,null,null]">
159 <span class="fs-body1 d-block">Advertising</span>
160 <span class="fs-caption d-block fc-light">Reach developers & technologists worldwide</span>
161 </a>
162 </li>
163 <li class="bt bc-black-075 py6 px6 bbr-md">
164 <a href="https://stackoverflow.co/labs/" class="bar-sm p6 d-block h:bg-black-100 js-gps-track"
165 data-gps-track="top_nav.products.click({location:2, destination:7})"
166 data-ga="["top navigation","labs submenu click",null,null,null]">
167 <span class="fs-body1 d-block">Labs</span>
168 <span class="fs-caption d-block fc-light">The future of collective knowledge sharing</span>
169 </a>
170 </li>
171 <li class="bg-black-025 bt bc-black-075 py6 px6 bbr-md">
172 <a href="https://stackoverflow.co/" class="fc-light d-block py6 px6 h:fc-black-800 js-gps-track"
173 data-gps-track="top_nav.products.click({location:2, destination:7})"
174 data-ga="["top navigation","about submenu click",null,null,null]">About the company</a>
175 </li>
176 </ol>
177 </div>
178
179
180 <form id="search" role="search" action=/search class="s-topbar--searchbar js-searchbar " autocomplete="off">
181 <div class="s-topbar--searchbar--input-group">
182 <input name="q"
183 type="text"
184 role="combobox"
185 placeholder="Search…"
186 value=""
187 autocomplete="off"
188 maxlength="240"
189 class="s-input s-input__search js-search-field "
190 aria-label="Search"
191 aria-controls="top-search"
192 data-controller="s-popover"
193 data-action="focus->s-popover#show"
194 data-s-popover-placement="bottom-start" />
195 <svg aria-hidden="true" class="s-input-icon s-input-icon__search svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"/></svg>
196 <div class="s-popover p0 wmx100 wmn4 sm:wmn-initial js-top-search-popover" id="top-search" role="menu">
197 <div class="s-popover--arrow"></div>
198 <div class="js-spinner p24 d-flex ai-center jc-center d-none">
199 <div class="s-spinner s-spinner__sm fc-orange-400">
200 <div class="v-visible-sr">Loading…</div>
201 </div>
202 </div>
203
204 <span class="v-visible-sr js-screen-reader-info"></span>
205 <div class="js-ac-results overflow-y-auto hmx3 d-none"></div>
206
207 <div class="js-search-hints" aria-describedby="Tips for searching"></div>
208 </div>
209 </div>
210 </form>
211
212 <nav class="h100 ml-auto overflow-x-auto pr12">
213 <ol class="s-topbar--content" role="menubar">
214
215
216
217 <li class="js-topbar-dialog-corral" role="presentation">
218
219
220 <div class="topbar-dialog siteSwitcher-dialog dno" role="menu">
221 <div class="header fw-wrap">
222 <h3 class="flex--item">
223 <a href="https://stackoverflow.com">current community</a>
224 </h3>
225 <div class="flex--item fl1">
226 <div class="ai-center d-flex jc-end">
227 <button
228 class="js-close-button s-btn s-btn__muted p0 ml8 d-none sm:d-block"
229 type="button"
230 aria-label="Close"
231 >
232 <svg aria-hidden="true" class="svg-icon iconClear" width="18" height="18" viewBox="0 0 18 18"><path d="M15 4.41 13.59 3 9 7.59 4.41 3 3 4.41 7.59 9 3 13.59 4.41 15 9 10.41 13.59 15 15 13.59 10.41 9 15 4.41Z"/></svg>
233 </button>
234 </div>
235 </div>
236 </div>
237 <div class="modal-content bg-powder-050 current-site-container">
238 <ul class="current-site ">
239 <li class="d-flex">
240 <div class="fl1">
241 <a href="https://stackoverflow.com"
242 class="current-site-link site-link js-gps-track d-flex gs8 gsx"
243 data-id="1"
244 data-gps-track="site_switcher.click({ item_type:3 })">
245 <div class="favicon favicon-stackoverflow site-icon flex--item" title="Stack Overflow"></div>
246 <span class="flex--item fl1">
247 Stack Overflow
248 </span>
249 </a>
250
251 </div>
252 <div class="related-links">
253 <a href="https://stackoverflow.com/help" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:14 })">help</a>
254 <a href="https://chat.stackoverflow.com/?tab=site&host=stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })">chat</a>
255 </div>
256
257 </li>
258 <li class="related-site d-flex">
259 <div class="L-shaped-icon-container">
260 <span class="L-shaped-icon"></span>
261 </div>
262
263 <a href="https://meta.stackoverflow.com"
264 class=" site-link js-gps-track d-flex gs8 gsx"
265 data-id="552"
266 data-gps-track="site.switch({ target_site:552, item_type:3 }),site_switcher.click({ item_type:4 })">
267 <div class="favicon favicon-stackoverflowmeta site-icon flex--item" title="Meta Stack Overflow"></div>
268 <span class="flex--item fl1">
269 Meta Stack Overflow
270 </span>
271 </a>
272
273 </li>
274 </ul>
275 </div>
276
277 <div class="header" id="your-communities-header">
278 <h3>
279 your communities </h3>
280
281 </div>
282 <div class="modal-content" id="your-communities-section">
283
284 <div class="call-to-login">
285 <a href="https://stackoverflow.com/users/signup?ssrc=site_switcher&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f41482348%2fhow-to-write-a-simple-hello-world-program-in-javascript" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:10 })">Sign up</a> or <a href="https://stackoverflow.com/users/login?ssrc=site_switcher&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f41482348%2fhow-to-write-a-simple-hello-world-program-in-javascript" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:11 })">log in</a> to customize your list. </div>
286 </div>
287
288 <div class="header">
289 <h3><a href="https://stackexchange.com/sites">more stack exchange communities</a>
290 </h3>
291 <a href="https://stackoverflow.blog" class="float-right">company blog</a>
292 </div>
293 <div class="modal-content">
294 <div class="child-content"></div>
295 </div>
296 </div>
297
298 </li>
299
300 <li role="none"><button class="s-topbar--item s-btn s-btn__icon s-btn__muted d-none sm:d-inline-flex js-searchbar-trigger" role="menuitem" aria-label="Search" aria-haspopup="true" aria-controls="search" title="Click to show search"><svg aria-hidden="true" class="svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"/></svg></button></li>
301 <li role="none">
302 <a href="https://stackoverflow.com/users/login?ssrc=head&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f41482348%2fhow-to-write-a-simple-hello-world-program-in-javascript" class="s-topbar--item s-topbar--item__unset s-btn s-btn__filled ws-nowrap js-gps-track" role="menuitem" rel="nofollow"
303 data-gps-track="login.click" data-ga="["top navigation","login button click",null,null,null]">Log in</a>
304 </li>
305 <li role="none"><a href="https://stackoverflow.com/users/signup?ssrc=head&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f41482348%2fhow-to-write-a-simple-hello-world-program-in-javascript" class="s-topbar--item s-topbar--item__unset ml4 s-btn s-btn__primary ws-nowrap" role="menuitem" rel="nofollow" data-ga="["sign up","Sign Up Navigation","Header",null,null]">Sign up</a></li>
306 </ol>
307 </nav>
308
309
310 </div>
311 </header>
312
313 <script>
314 StackExchange.ready(function () { StackExchange.topbar.init(); });
315 StackExchange.scrollPadding.setPaddingTop(50, 10);
316 </script>
317
318
319
320
321
322 <div class="container">
323
324
325 <div id="left-sidebar" data-is-here-when="md lg" class="left-sidebar js-pinned-left-sidebar ps-relative">
326 <div class="left-sidebar--sticky-container js-sticky-leftnav">
327 <nav role="navigation">
328
329 <ol class="nav-links">
330
331
332 <li class="ps-relative" aria-current="false">
333
334
335 <a
336 href="/"
337 class="pl8 js-gps-track nav-links--link"
338
339 data-gps-track="top_nav.click({is_current: false, location:2, destination:8})"
340 aria-controls="" data-controller="" data-s-popover-placement="right"
341 aria-current="false"
342 data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
343 <div class="d-flex ai-center">
344 <div class="flex--item truncate">
345 Home
346 </div>
347 </div>
348 </a>
349 </li>
350
351
352 <li>
353 <ol class="nav-links">
354
355 <li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Public</li>
356
357
358
359 <li class="ps-relative youarehere" aria-current="true">
360
361
362 <a id="nav-questions"
363 href="/questions"
364 class="pl8 js-gps-track nav-links--link -link__with-icon"
365
366 data-gps-track="top_nav.click({is_current: true, location:2, destination:1})"
367 aria-controls="" data-controller="" data-s-popover-placement="right"
368 aria-current="false"
369 data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
370 <svg aria-hidden="true" class="svg-icon iconGlobe" width="18" height="18" viewBox="0 0 18 18"><path d="M9 1C4.64 1 1 4.64 1 9c0 4.36 3.64 8 8 8 4.36 0 8-3.64 8-8 0-4.36-3.64-8-8-8ZM8 15.32a6.46 6.46 0 0 1-4.3-2.74 6.46 6.46 0 0 1-.93-5.01L7 11.68v.8c0 .88.12 1.32 1 1.32v1.52Zm5.72-2c-.2-.66-1-1.32-1.72-1.32h-1v-2c0-.44-.56-1-1-1H6V7h1c.44 0 1-.56 1-1V5h2c.88 0 1.4-.72 1.4-1.6v-.33a6.45 6.45 0 0 1 3.83 4.51 6.45 6.45 0 0 1-1.51 5.73v.01Z"/></svg> <span class="-link--channel-name">Questions</span>
371 </a>
372 </li>
373
374
375
376
377
378 <li class="ps-relative" aria-current="false">
379
380
381 <a id="nav-tags"
382 href="/tags"
383 class=" js-gps-track nav-links--link"
384
385 data-gps-track="top_nav.click({is_current: false, location:2, destination:2})"
386 aria-controls="" data-controller="" data-s-popover-placement="right"
387 aria-current="false"
388 data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
389 <div class="d-flex ai-center">
390 <div class="flex--item truncate">
391 Tags
392 </div>
393 </div>
394 </a>
395 </li>
396
397
398
399
400 <li class="ps-relative" aria-current="false">
401
402
403 <a id="nav-users"
404 href="/users"
405 class=" js-gps-track nav-links--link"
406
407 data-gps-track="top_nav.click({is_current: false, location:2, destination:3})"
408 aria-controls="" data-controller="" data-s-popover-placement="right"
409 aria-current="false"
410 data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
411 <div class="d-flex ai-center">
412 <div class="flex--item truncate">
413 Users
414 </div>
415 </div>
416 </a>
417 </li>
418
419
420
421
422 <li class="ps-relative" aria-current="false">
423
424
425 <a id="nav-companies"
426 href="https://stackoverflow.com/jobs/companies?so_medium=stackoverflow&so_source=SiteNav"
427 class=" js-gps-track nav-links--link"
428
429 data-gps-track="top_nav.click({is_current: false, location:2, destination:12})"
430 aria-controls="" data-controller="" data-s-popover-placement="right"
431 aria-current="false"
432 data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
433 <div class="d-flex ai-center">
434 <div class="flex--item truncate">
435 Companies
436 </div>
437 </div>
438 </a>
439 </li>
440
441
442
443 <li class="ml8 mt16">
444 <div class="d-flex jc-space-between fl-grow1">
445 <div class="flex--item tt-uppercase tt-uppercase fs-fine fc-light">Collectives</div>
446 <div class="flex--item fs-fine fc-light">
447 <a href="javascript:void(0)" class="s-link p12 fc-black-500 h:fc-black-800 js-gps-track js-collectives-navcta-toggle"
448 role="button"
449 aria-controls="popover-discover-collectives"
450 data-controller="s-popover"
451 data-action="s-popover#toggle"
452 data-s-popover-placement="top"
453 data-s-popover-toggle-class="is-selected"
454 data-gps-track="top_nav.click({is_current:false, location:2, destination:17})">
455 <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewBox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Zm1 10V6H6v5h2Zm0-6V3H6v2h2Z"/></svg>
456 </a>
457 </div>
458 </div>
459 </li>
460
461
462 <li class="ps-relative" aria-current="false">
463
464
465 <a id="nav-collective-discover"
466 href="/collectives"
467 class="pl8 ai-center js-collectives-navcta-toggle js-gps-track nav-links--link -link__with-icon"
468
469 data-gps-track="top_nav.click({is_current: false, location:2, destination:18})"
470 aria-controls="" data-controller="" data-s-popover-placement="right"
471 aria-current="false"
472 data-s-popover-auto-show="true" data-s-popover-hide-on-outside-click="never">
473 <svg aria-hidden="true" class="mt-auto fc-orange-400 svg-icon iconStarVerified" width="18" height="18" viewBox="0 0 18 18"><path d="M9.86.89a1.14 1.14 0 0 0-1.72 0l-.5.58c-.3.35-.79.48-1.23.33l-.72-.25a1.14 1.14 0 0 0-1.49.85l-.14.76c-.1.45-.45.8-.9.9l-.76.14c-.67.14-1.08.83-.85 1.49l.25.72c.15.44.02.92-.33 1.23l-.58.5a1.14 1.14 0 0 0 0 1.72l.58.5c.35.3.48.79.33 1.23l-.25.72c-.23.66.18 1.35.85 1.49l.76.14c.45.1.8.45.9.9l.14.76c.14.67.83 1.08 1.49.85l.72-.25c.44-.15.92-.02 1.23.33l.5.58c.46.52 1.26.52 1.72 0l.5-.58c.3-.35.79-.48 1.23-.33l.72.25c.66.23 1.35-.18 1.49-.85l.14-.76c.1-.45.45-.8.9-.9l.76-.14c.67-.14 1.08-.83.85-1.49l-.25-.72c-.15-.44-.02-.92.33-1.23l.58-.5c.52-.46.52-1.26 0-1.72l-.58-.5c-.35-.3-.48-.79-.33-1.23l.25-.72a1.14 1.14 0 0 0-.85-1.49l-.76-.14c-.45-.1-.8-.45-.9-.9l-.14-.76a1.14 1.14 0 0 0-1.49-.85l-.72.25c-.44.15-.92.02-1.23-.33l-.5-.58Zm-.49 2.67L10.6 6.6c.05.15.19.24.34.25l3.26.22c.36.03.5.48.23.71l-2.5 2.1a.4.4 0 0 0-.14.4l.8 3.16a.4.4 0 0 1-.6.44L9.2 12.13a.4.4 0 0 0-.42 0l-2.77 1.74a.4.4 0 0 1-.6-.44l.8-3.16a.4.4 0 0 0-.13-.4l-2.5-2.1a.4.4 0 0 1 .22-.7l3.26-.23a.4.4 0 0 0 .34-.25l1.22-3.03a.4.4 0 0 1 .74 0Z"/></svg> <span class="-link--channel-name">Explore Collectives</span>
474 </a>
475 </li>
476
477
478 </ol>
479 </li>
480
481
482
483
484
485 <li class="js-freemium-cta ps-relative">
486
487 <div class="fs-fine tt-uppercase ml8 mt16 mb8 fc-light">Teams</div>
488
489 <div class="bt bl bb bc-black-075 p12 pb6 fc-black-600 blr-sm overflow-hidden">
490 <strong class="fc-black-750 mb6">Stack Overflow for Teams</strong>
491 – Start collaborating and sharing organizational knowledge.
492
493 <img class="wmx100 mx-auto my8 h-auto d-block" width="139" height="114" src="https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e" alt="">
494
495 <a href="https://try.stackoverflow.co/why-teams/?utm_source=so-owned&utm_medium=side-bar&utm_campaign=campaign-38&utm_content=cta"
496 class="w100 s-btn s-btn__primary s-btn__xs bg-orange-400 js-gps-track"
497 data-gps-track="teams.create.left-sidenav.click({ Action: 6 })"
498 data-ga="["teams left navigation - anonymous","left nav free cta","stackoverflow.com/teams/create/free",null,null]">Create a free Team</a>
499 <a href="https://stackoverflow.co/teams/"
500 class="w100 s-btn s-btn__muted s-btn__xs js-gps-track"
501 data-gps-track="teams.create.left-sidenav.click({ Action: 5 })"
502 data-ga="["teams left navigation - anonymous","left nav free cta","stackoverflow.com/teams",null,null]">Why Teams?</a>
503
504 </div>
505 </li>
506
507
508 <li class="d-flex ai-center jc-space-between ml8 mt24 mb4 js-create-team-cta d-none">
509 <div class="flex--item tt-uppercase fs-fine fc-light">Teams</div>
510 <div class="flex--item">
511 <a href="javascript:void(0)" class="s-link p12 fc-black-500 h:fc-black-800 js-gps-track"
512 role="button"
513 aria-controls="popover-teams-create-cta"
514 data-controller="s-popover"
515 data-action="s-popover#toggle"
516 data-s-popover-placement="bottom-start"
517 data-s-popover-toggle-class="is-selected"
518 data-gps-track="teams.create.left-sidenav.click({ Action: ShowInfo })"
519 data-ga="["teams left navigation - anonymous","left nav show teams info",null,null,null]">
520 <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewBox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Zm1 10V6H6v5h2Zm0-6V3H6v2h2Z"/></svg>
521 </a>
522
523 </div>
524 </li>
525 <li class="ps-relative js-create-team-cta d-none">
526 <a href="https://stackoverflowteams.com/teams/create/free/?utm_source=so-owned&utm_medium=side-bar&utm_campaign=campaign-38&utm_content=cta"
527 class="pl8 js-gps-track nav-links--link"
528 title="Stack Overflow for Teams is a private, secure spot for your organization's questions and answers."
529 data-gps-track="teams.create.left-sidenav.click({ Action: FreemiumTeamsCreateClick })"
530 data-ga="["teams left navigation - anonymous","left nav team click","stackoverflow.com/teams/create/free",null,null]">
531 <div class="d-flex ai-center">
532 <div class="flex--item s-avatar va-middle bg-orange-400">
533 <div class="s-avatar--letter mtn1">
534 <svg aria-hidden="true" class="svg-icon iconBriefcaseSm" width="14" height="14" viewBox="0 0 14 14"><path d="M4 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 2 10.5v-5C2 4.67 2.67 4 3.5 4H4V3Zm5 1V3H5v1h4Z"/></svg>
535 </div>
536 <svg aria-hidden="true" class="native s-avatar--badge svg-icon iconShieldXSm" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10 2.7 10 0 7.53 0 5.01V1.84Z"/><path fill="var(--black-500)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.34 5.34 9 4.5 9 3.65 9 1 7.34 1 5.01V2.5Zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14.12.08.18.23.15.38Z"/></svg>
537 </div>
538 <div class="flex--item pl6">
539 Create free Team
540 </div>
541 </div>
542 </a>
543 </li>
544
545
546 </ol>
547 </nav>
548 </div>
549
550
551 <div class="s-popover ws2" id="popover-discover-collectives" role="menu">
552 <div class="s-popover--arrow"></div>
553 <div>
554 <svg aria-hidden="true" class="fc-orange-500 float-right ml24 svg-spot spotCollective" width="48" height="48" viewBox="0 0 48 48"><path d="M25.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM14 18.25c0-.69.56-1.25 1.25-1.25h22.5c.69 0 1.25.56 1.25 1.25V37.5a1 1 0 0 1-1.6.8l-4.07-3.05a1.25 1.25 0 0 0-.75-.25H15.25c-.69 0-1.25-.56-1.25-1.25v-15.5ZM7 24.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM25.5 48a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM48 24.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" opacity=".2"/><path d="M21 3.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM24.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM0 23.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM3.5 22a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM21 44.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm3.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm20-23a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM43 23.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm-23.23-3.14a1 1 0 0 1-.13 1.4l-2.08 1.74 2.08 1.73a1 1 0 1 1-1.28 1.54l-2.42-2.02a1.63 1.63 0 0 1 0-2.5l2.42-2.02a1 1 0 0 1 1.4.13Zm7.59 1.41a1 1 0 1 1 1.28-1.54l2.42 2.02c.78.65.78 1.85 0 2.5l-2.42 2.02a1 1 0 1 1-1.28-1.54l2.08-1.73-2.08-1.73ZM24.12 18a1 1 0 0 1 .87 1.12l-1 8a1 1 0 1 1-1.98-.24l1-8a1 1 0 0 1 1.11-.87Zm-11.87-5C11.01 13 10 14 10 15.25v15.5c0 1.24 1 2.25 2.25 2.25h17.33c.06 0 .11.02.15.05l4.07 3.05a2 2 0 0 0 3.2-1.6V15.25c0-1.24-1-2.25-2.25-2.25h-22.5ZM12 15.25c0-.14.11-.25.25-.25h22.5c.14 0 .25.11.25.25V34.5l-4.07-3.05a2.2 2.2 0 0 0-1.35-.45H12.25a.25.25 0 0 1-.25-.25v-15.5Zm7.24-10.68a1 1 0 1 0-.48-1.94A22.04 22.04 0 0 0 2.91 17.7a1 1 0 1 0 1.92.58 20.04 20.04 0 0 1 14.4-13.72Zm11.05-1.66a1 1 0 0 0-.58 1.92c6.45 1.92 11.54 7 13.46 13.46a1 1 0 1 0 1.92-.58 22.05 22.05 0 0 0-14.8-14.8ZM4.57 28.76a1 1 0 0 0-1.94.48 22.03 22.03 0 0 0 16.13 16.13 1 1 0 1 0 .48-1.94A20.03 20.03 0 0 1 4.57 28.76Zm40.8.48a1 1 0 1 0-1.94-.48 20.04 20.04 0 0 1-13.72 14.41 1 1 0 0 0 .58 1.92 22.04 22.04 0 0 0 15.08-15.85Z"/></svg>
555 <h5 class="pt4 fw-bold">Collectives™ on Stack Overflow</h5>
556 <p class="my16 fs-caption fc-medium">Find centralized, trusted content and collaborate around the technologies you use most.</p>
557 <a href="/collectives"
558 class="js-gps-track s-btn s-btn__primary s-btn__xs"
559 data-gps-track="top_nav.click({is_current:false, location:2, destination:18})">
560 Learn more about Collectives
561 </a>
562 </div>
563 </div>
564
565 <div class="s-popover ws2"
566 id="popover-teams-create-cta"
567 role="menu"
568 aria-hidden="true">
569 <div class="s-popover--arrow"></div>
570
571 <div class="ps-relative overflow-hidden">
572 <p class="mb2"><strong>Teams</strong></p>
573 <p class="mb12 fs-caption fc-black-400">Q&A for work</p>
574 <p class="mb12 fs-caption fc-medium">Connect and share knowledge within a single location that is structured and easy to search.</p>
575 <a href="https://stackoverflow.co/teams/"
576 class="js-gps-track s-btn s-btn__primary s-btn__xs"
577 data-gps-track="teams.create.left-sidenav.click({ Action: CtaClick })"
578 data-ga="["teams left navigation - anonymous","left nav cta","stackoverflow.com/teams",null,null]">
579 Learn more about Teams
580 </a>
581 </div>
582
583 <div class="ps-absolute t8 r8">
584 <svg aria-hidden="true" class="fc-orange-500 svg-spot spotPeople" width="48" height="48" viewBox="0 0 48 48"><path d="M13.5 28a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM7 30a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v5h11v-5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v10a2 2 0 0 1-2 2H33v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5H8a1 1 0 0 1-1-1V30Zm25-6.5a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0ZM24.5 34a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z" opacity=".2"/><path d="M16.4 26.08A6 6 0 1 0 7.53 26C5.64 26.06 4 27.52 4 29.45V40a1 1 0 0 0 1 1h9a1 1 0 1 0 0-2h-4v-7a1 1 0 1 0-2 0v7H6v-9.55c0-.73.67-1.45 1.64-1.45H16a1 1 0 0 0 .4-1.92ZM12 18a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm16.47 14a6 6 0 1 0-8.94 0A3.6 3.6 0 0 0 16 35.5V46a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V35.5c0-1.94-1.64-3.42-3.53-3.5ZM20 28a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm-.3 6h8.6c1 0 1.7.75 1.7 1.5V45h-2v-7a1 1 0 1 0-2 0v7h-4v-7a1 1 0 1 0-2 0v7h-2v-9.5c0-.75.7-1.5 1.7-1.5ZM42 22c0 1.54-.58 2.94-1.53 4A3.5 3.5 0 0 1 44 29.45V40a1 1 0 0 1-1 1h-9a1 1 0 1 1 0-2h4v-7a1 1 0 1 1 2 0v7h2v-9.55A1.5 1.5 0 0 0 40.48 28H32a1 1 0 0 1-.4-1.92A6 6 0 1 1 42 22Zm-2 0a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"/><g opacity=".35"><path d="M17 10a1 1 0 011-1h12a1 1 0 110 2H18a1 1 0 01-1-1Zm1-5a1 1 0 100 2h12a1 1 0 100-2H18ZM14 1a1 1 0 00-1 1v12a1 1 0 001 1h5.09l4.2 4.2a1 1 0 001.46-.04l3.7-4.16H34a1 1 0 001-1V2a1 1 0 00-1-1H14Zm1 12V3h18v10h-5a1 1 0 00-.75.34l-3.3 3.7-3.74-3.75a1 1 0 00-.71-.29H15Z"/></g></svg>
585 </div>
586 </div>
587
588
589 </div>
590
591
592
593 <div id="content" class="snippet-hidden">
594
595
596
597 <div itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
598 <link itemprop="image" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
599
600 <div class="inner-content clearfix">
601
602
603
604 <div id="question-header" class="d-flex sm:fd-column">
605 <h1 itemprop="name" class="fs-headline1 ow-break-word mb8 flex--item fl1"><a href="/questions/41482348/how-to-write-a-simple-hello-world-program-in-javascript" class="question-hyperlink">How to write a simple hello world program in Javascript?</a></h1>
606 <div class="ml12 aside-cta flex--item print:d-none sm:ml0 sm:mb12 sm:order-first sm:as-end">
607 <a href="/questions/ask" class="ws-nowrap s-btn s-btn__primary">
608 Ask Question
609 </a>
610
611 </div>
612 </div>
613 <div class="d-flex fw-wrap pb8 mb16 bb bc-black-075">
614 <div class="flex--item ws-nowrap mr16 mb8" title="2017-01-05 10:17:16Z">
615 <span class="fc-light mr2">Asked</span>
616 <time itemprop="dateCreated" datetime="2017-01-05T10:17:16">6 years, 7 months ago</time>
617 </div>
618 <div class="flex--item ws-nowrap mr16 mb8">
619 <span class="fc-light mr2">Modified</span>
620 <a href="?lastactivity" class="s-link s-link__inherit" title="2023-01-23 16:56:56Z">6 months ago</a>
621 </div>
622 <div class="flex--item ws-nowrap mb8" title="Viewed 2,259 times">
623 <span class="fc-light mr2">Viewed</span>
624 2k times
625 </div>
626 </div>
627 <div id="mainbar" role="main" aria-label="question and answers">
628
629
630 <div class="question js-question" data-questionid="41482348" data-position-on-page="0" data-score="-2" id="question">
631 <style>
632 </style>
633 <div class="js-zone-container zone-container-main">
634 <div id="dfp-tlb" class="everyonelovesstackoverflow everyoneloves__top-leaderboard everyoneloves__leaderboard"></div>
635 <div class="js-report-ad-button-container " style="width: 728px"></div>
636 </div>
637
638 <div class="post-layout ">
639 <div class="votecell post-layout--left">
640 <div class="js-voting-container d-flex jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="41482348">
641 <button class="js-vote-up-btn flex--item s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
642 data-controller="s-tooltip"
643 data-s-tooltip-placement="right"
644 title="This question shows research effort; it is useful and clear"
645 aria-pressed="false"
646 aria-label="Up vote"
647 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
648 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
649 <svg aria-hidden="true" class="svg-icon iconArrowUp" width="18" height="18" viewBox="0 0 18 18"><path d="M1 12h16L9 4l-8 8Z"/></svg>
650 </button>
651 <div class="js-vote-count flex--item d-flex fd-column ai-center fc-theme-body-font fw-bold fs-subheading py4"
652 itemprop="upvoteCount"
653 data-value="-2">
654 -2
655 </div>
656 <button class="js-vote-down-btn flex--item mb8 s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
657 data-controller="s-tooltip"
658 data-s-tooltip-placement="right"
659 title="This question does not show any research effort; it is unclear or not useful"
660 aria-pressed="false"
661 aria-label="Down vote"
662 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
663 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
664 <svg aria-hidden="true" class="svg-icon iconArrowDown" width="18" height="18" viewBox="0 0 18 18"><path d="M1 6h16l-8 8-8-8Z"/></svg>
665 </button>
666
667
668
669 <button class="js-saves-btn s-btn s-btn__unset c-pointer py4"
670 type="button"
671 id="saves-btn-41482348"
672 data-controller="s-tooltip"
673 data-s-tooltip-placement="right"
674 data-s-popover-placement=""
675 title="Save this question."
676 aria-pressed="false"
677 data-post-id="41482348"
678 data-post-type-id="1"
679 data-user-privilege-for-post-click="0"
680 aria-controls=""
681 data-s-popover-auto-show="false"
682 >
683 <svg aria-hidden="true" class="fc-theme-primary-500 js-saves-btn-selected d-none svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
684 <svg aria-hidden="true" class="js-saves-btn-unselected svg-icon iconBookmarkAlt" width="18" height="18" viewBox="0 0 18 18"><path d="m9 10.6 4 2.66V3H5v10.26l4-2.66ZM3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
685 </button>
686
687
688
689
690
691
692
693
694
695 <a class="js-post-issue flex--item s-btn s-btn__unset c-pointer py6 mx-auto" href="/posts/41482348/timeline" data-shortcut="T" data-ks-title="timeline" data-controller="s-tooltip" data-s-tooltip-placement="right" title="Show activity on this post." aria-label="Timeline"><svg aria-hidden="true" class="mln2 mr0 svg-icon iconHistory" width="19" height="18" viewBox="0 0 19 18"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4h3L3 9Zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10V5Z"/></svg></a>
696
697 </div>
698
699 </div>
700
701
702
703 <div class="postcell post-layout--right">
704
705 <div class="s-prose js-post-body" itemprop="text">
706
707 <p>I've been looking all over the world.</p>
708
709 <p>All I see is samples alerting hello world</p>
710
711 <p>I don't want to alert hello world.</p>
712
713 <p>I want to print a simple website saying hello world.</p>
714
715 <pre><code><!DOCTYPE html>
716 <html lang="en">
717 <head></head>
718 <body id="home">
719 <script>
720 //print hello world
721 </script>
722 </body>
723 </html>
724 </code></pre>
725
726 <p>Does javascript have a print command?</p>
727
728 <p>Here are typical samples on the web</p>
729
730 <p><a href="http://groups.engin.umd.umich.edu/CIS/course.des/cis400/javascript/hellow.html" rel="nofollow noreferrer">http://groups.engin.umd.umich.edu/CIS/course.des/cis400/javascript/hellow.html</a></p>
731 </div>
732
733 <div class="mt24 mb12">
734 <div class="post-taglist d-flex gs4 gsy fd-column">
735 <div class="d-flex ps-relative fw-wrap">
736
737 <ul class='ml0 list-ls-none js-post-tag-list-wrapper d-inline'><li class='d-inline mr4 js-post-tag-list-item'><a href="/questions/tagged/javascript" class="post-tag" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class='d-inline mr4 js-post-tag-list-item'><a href="/questions/tagged/jquery" class="post-tag" title="show questions tagged 'jquery'" aria-label="show questions tagged 'jquery'" rel="tag" aria-labelledby="tag-jquery-tooltip-container">jquery</a></li><li class='d-inline mr4 js-post-tag-list-item'><a href="/questions/tagged/html" class="post-tag" title="show questions tagged 'html'" aria-label="show questions tagged 'html'" rel="tag" aria-labelledby="tag-html-tooltip-container">html</a></li></ul>
738 </div>
739 </div>
740 </div>
741
742 <div class="mb0 ">
743 <div class="mt16 d-flex gs8 gsy fw-wrap jc-end ai-start pt4 mb16">
744 <div class="flex--item mr16 fl1 w96">
745
746
747
748 <div class="js-post-menu pt2" data-post-id="41482348" data-post-type-id="1">
749
750 <div class="d-flex gs8 s-anchors s-anchors__muted fw-wrap">
751
752 <div class="flex--item">
753 <a href="/q/41482348"
754 rel="nofollow"
755 itemprop="url"
756 class="js-share-link js-gps-track"
757 title="Short permalink to this question"
758 data-gps-track="post.click({ item: 2, priv: 0, post_type: 1 })"
759 data-controller="se-share-sheet"
760 data-se-share-sheet-title="Share a link to this question"
761 data-se-share-sheet-subtitle=""
762 data-se-share-sheet-post-type="question"
763 data-se-share-sheet-social="facebook twitter devto"
764 data-se-share-sheet-location="1"
765 data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f3.0%2f"
766 data-se-share-sheet-license-name="CC BY-SA 3.0"
767 data-s-popover-placement="bottom-start">Share</a>
768 </div>
769
770
771 <div class="flex--item">
772 <a href="/posts/41482348/edit" class="js-suggest-edit-post js-gps-track" data-gps-track="post.click({ item: 6, priv: 0, post_type: 1 })" title="">Improve this question</a>
773 </div>
774
775 <div class="flex--item">
776 <button type="button"
777 id="btnFollowPost-41482348" class="s-btn s-btn__link js-follow-post js-follow-question js-gps-track"
778 data-gps-track="post.click({ item: 14, priv: 0, post_type: 1 })"
779 data-controller="s-tooltip " data-s-tooltip-placement="bottom"
780 data-s-popover-placement="bottom" aria-controls=""
781 title="Follow this question to receive notifications">
782 Follow
783 </button>
784 </div>
785
786
787
788
789
790
791 </div>
792 <div class="js-menu-popup-container"></div>
793 </div>
794 </div>
795
796 <div class="post-signature flex--item">
797 <div class="user-info user-hover">
798 <div class="user-action-time">
799 <a href="/posts/41482348/revisions" title="show all edits to this post"
800 class="js-gps-track"
801 data-gps-track="post.click({ item: 4, priv: 0, post_type: 1 })">edited <span title='2017-01-05 10:24:34Z' class='relativetime'>Jan 5, 2017 at 10:24</span></a>
802 </div>
803 <div class="user-gravatar32">
804 <a href="/users/519413/rory-mccrossan"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/7839089cd91dc5cc5eb1e0cdbf3312ed?s=64&d=identicon&r=PG" alt="Rory McCrossan's user avatar" width="32" height="32" class="bar-sm"></div></a>
805 </div>
806 <div class="user-details">
807 <a href="/users/519413/rory-mccrossan">Rory McCrossan</a>
808 <div class="-flair">
809 <span class="reputation-score" title="reputation score 331,045" dir="ltr">331k</span><span title="40 gold badges" aria-hidden="true"><span class="badge1"></span><span class="badgecount">40</span></span><span class="v-visible-sr">40 gold badges</span><span title="305 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">305</span></span><span class="v-visible-sr">305 silver badges</span><span title="339 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">339</span></span><span class="v-visible-sr">339 bronze badges</span>
810 </div>
811 </div>
812 </div>
813 </div>
814 <div class="post-signature owner flex--item">
815 <div class="user-info ">
816 <div class="user-action-time">
817 asked <span title='2017-01-05 10:17:16Z' class='relativetime'>Jan 5, 2017 at 10:17</span>
818 </div>
819 <div class="user-gravatar32">
820 <a href="/users/700663/user4951"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/7c7672678c3e0413ccf50327d46dd4f0?s=64&d=identicon&r=PG" alt="user4951's user avatar" width="32" height="32" class="bar-sm"></div></a>
821 </div>
822 <div class="user-details" itemprop="author" itemscope itemtype="http://schema.org/Person">
823 <a href="/users/700663/user4951">user4951</a><span class="d-none" itemprop="name">user4951</span>
824 <div class="-flair">
825 <span class="reputation-score" title="reputation score 32,176" dir="ltr">32.2k</span><span title="53 gold badges" aria-hidden="true"><span class="badge1"></span><span class="badgecount">53</span></span><span class="v-visible-sr">53 gold badges</span><span title="172 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">172</span></span><span class="v-visible-sr">172 silver badges</span><span title="282 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">282</span></span><span class="v-visible-sr">282 bronze badges</span>
826 </div>
827 </div>
828 </div>
829
830
831 </div>
832 </div>
833 </div>
834
835 </div>
836
837
838
839
840 <span class="d-none" itemprop="commentCount">5</span>
841 <div class="post-layout--right js-post-comments-component">
842 <div id="comments-41482348" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="41482348" data-min-length="15">
843 <ul class="comments-list js-comments-list"
844 data-remaining-comments-count="0"
845 data-canpost="false"
846 data-cansee="true"
847 data-comments-unavailable="false"
848 data-addlink-disabled="true">
849
850 <li id="comment-70169796" class="comment js-comment " data-comment-id="70169796" data-comment-owner-id="3305454" data-comment-score="0">
851 <div class="js-comment-actions comment-actions">
852 <div class="comment-score js-comment-score js-comment-edit-hide">
853 </div>
854 </div>
855 <div class="comment-text js-comment-text-and-form">
856 <div class="comment-body js-comment-edit-hide">
857
858 <span class="comment-copy">@RoryMcCrossan I thought that as well, but it doesn't make the <i>website</i> print hello world ;).</span>
859
860 <div class="d-inline-flex ai-center">
861 – <a href="/users/3305454/roberrrt-s"
862 title="7,914 reputation"
863 class="comment-user">roberrrt-s</a>
864 </div>
865 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:19:02Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:19</span></span>
866 </div>
867 </div>
868 </li>
869 <li id="comment-70169801" class="comment js-comment " data-comment-id="70169801" data-comment-owner-id="519413" data-comment-score="1">
870 <div class="js-comment-actions comment-actions">
871 <div class="comment-score js-comment-score js-comment-edit-hide">
872 <span title="number of 'useful comment' votes received"
873 class="cool">1</span>
874 </div>
875 </div>
876 <div class="comment-text js-comment-text-and-form">
877 <div class="comment-body js-comment-edit-hide">
878
879 <span class="comment-copy">JS: <code>document.getElementById('home').textContent = 'hello world';</code> jQ: <code>$(function() { $('#home').text('hello world'); });</code></span>
880
881 <div class="d-inline-flex ai-center">
882 – <a href="/users/519413/rory-mccrossan"
883 title="331,045 reputation"
884 class="comment-user">Rory McCrossan</a>
885 </div>
886 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:19:10Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:19</span></span>
887 <span title="this comment was edited 2 times">
888 <svg aria-hidden="true" class="va-text-bottom o50 svg-icon iconPencilSm" width="14" height="14" viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2v-1.88Z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0Z"/></svg>
889 </span>
890 </div>
891 </div>
892 </li>
893 <li id="comment-70169849" class="comment js-comment " data-comment-id="70169849" data-comment-owner-id="5715550" data-comment-score="0">
894 <div class="js-comment-actions comment-actions">
895 <div class="comment-score js-comment-score js-comment-edit-hide">
896 </div>
897 </div>
898 <div class="comment-text js-comment-text-and-form">
899 <div class="comment-body js-comment-edit-hide">
900
901 <span class="comment-copy"><code>console.log</code> is that you want to get accustomed to for testing purposes. There is no 'printing' on the page as the page itself consists of elements which you need to refer to.</span>
902
903 <div class="d-inline-flex ai-center">
904 – <a href="/users/5715550/dellirium"
905 title="1,362 reputation"
906 class="comment-user">Dellirium</a>
907 </div>
908 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:20:14Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:20</span></span>
909 </div>
910 </div>
911 </li>
912 <li id="comment-70169914" class="comment js-comment " data-comment-id="70169914" data-comment-owner-id="1848140" data-comment-score="0">
913 <div class="js-comment-actions comment-actions">
914 <div class="comment-score js-comment-score js-comment-edit-hide">
915 </div>
916 </div>
917 <div class="comment-text js-comment-text-and-form">
918 <div class="comment-body js-comment-edit-hide">
919
920 <span class="comment-copy"><a href="http://javascript.info/tutorial/hello-world" rel="nofollow noreferrer">javascript.info/tutorial/hello-world</a></span>
921
922 <div class="d-inline-flex ai-center">
923 – <a href="/users/1848140/nagaraju"
924 title="1,853 reputation"
925 class="comment-user">Nagaraju</a>
926 </div>
927 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:22:01Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:22</span></span>
928 </div>
929 </div>
930 </li>
931 <li id="comment-70170557" class="comment js-comment " data-comment-id="70170557" data-comment-owner-id="2181514" data-comment-score="0">
932 <div class="js-comment-actions comment-actions">
933 <div class="comment-score js-comment-score js-comment-edit-hide">
934 </div>
935 </div>
936 <div class="comment-text js-comment-text-and-form">
937 <div class="comment-body js-comment-edit-hide">
938
939 <span class="comment-copy">You'll need to define what you mean by "print" - for most people "print" means, "send to a printer", which doesn't seem likely. Every language uses a different term for what(whatever) you are trying to do.</span>
940
941 <div class="d-inline-flex ai-center">
942 – <a href="/users/2181514/freedomn-m"
943 title="27,649 reputation"
944 class="comment-user">freedomn-m</a>
945 </div>
946 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:39:43Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:39</span></span>
947 </div>
948 </div>
949 </li>
950
951 </ul>
952 </div>
953
954 <div id="comments-link-41482348" data-rep=50 data-anon=true>
955 <a class="js-add-link comments-link disabled-link" title="Use comments to ask for more information or suggest improvements. Avoid answering questions in comments." href="#" role="button">Add a comment</a>
956 <span class="js-link-separator dno"> | </span>
957 <a class="js-show-link comments-link dno" title="Expand to show all comments on this post" href=# onclick="" role="button"></a>
958 </div>
959 </div>
960 </div>
961
962 </div>
963
964
965 <div class="js-zone-container zone-container-responsive">
966 <div id="dfp-isb" class="everyonelovesstackoverflow everyoneloves__inline-sidebar mx-auto"></div>
967 <div class="js-report-ad-button-container mx-auto" style="width: 300px"></div>
968 </div>
969
970
971
972 <div id="answers">
973 <a name="tab-top"></a>
974 <div id="answers-header">
975 <div class="answers-subheader d-flex ai-center mb8">
976 <div class="flex--item fl1">
977 <h2 class="mb0" data-answercount="5">
978 5 Answers
979 <span style="display:none;" itemprop="answerCount">5</span>
980 </h2>
981 </div>
982 <div class="flex--item">
983
984
985 <div class="d-flex g4 gsx ai-center sm:fd-column sm:ai-start">
986 <div class="d-flex fd-column ai-end sm:ai-start">
987 <label class="flex--item fs-caption" for="answer-sort-dropdown-select-menu">
988 Sorted by:
989 </label>
990 <a
991 class="js-sort-preference-change s-link flex--item fs-fine d-none"
992 data-value="ScoreDesc"
993 href="/questions/41482348/how-to-write-a-simple-hello-world-program-in-javascript?answertab=scoredesc#tab-top"
994 >
995 Reset to default
996 </a>
997 </div>
998 <div class="flex--item s-select">
999 <select id="answer-sort-dropdown-select-menu">
1000 <option
1001 value=scoredesc
1002 selected=selected
1003 >
1004 Highest score (default)
1005 </option>
1006 <option
1007 value=trending
1008 >
1009 Trending (recent votes count more)
1010 </option>
1011 <option
1012 value=modifieddesc
1013 >
1014 Date modified (newest first)
1015 </option>
1016 <option
1017 value=createdasc
1018 >
1019 Date created (oldest first)
1020 </option>
1021 </select>
1022 </div>
1023 </div>
1024
1025
1026 </div>
1027 </div>
1028
1029 </div>
1030
1031
1032
1033 <a name="41482470"></a>
1034 <div id="answer-41482470" class="answer js-answer" data-answerid="41482470" data-parentid="41482348" data-score="4" data-position-on-page="1" data-highest-scored="1" data-question-has-accepted-highest-score="0" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
1035 <div class="post-layout">
1036 <div class="votecell post-layout--left">
1037 <div class="js-voting-container d-flex jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="41482470">
1038 <button class="js-vote-up-btn flex--item s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1039 data-controller="s-tooltip"
1040 data-s-tooltip-placement="right"
1041 title="This answer is useful"
1042 aria-pressed="false"
1043 aria-label="Up vote"
1044 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1045 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1046 <svg aria-hidden="true" class="svg-icon iconArrowUp" width="18" height="18" viewBox="0 0 18 18"><path d="M1 12h16L9 4l-8 8Z"/></svg>
1047 </button>
1048 <div class="js-vote-count flex--item d-flex fd-column ai-center fc-theme-body-font fw-bold fs-subheading py4"
1049 itemprop="upvoteCount"
1050 data-value="4">
1051 4
1052 </div>
1053 <button class="js-vote-down-btn flex--item mb8 s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1054 data-controller="s-tooltip"
1055 data-s-tooltip-placement="right"
1056 title="This answer is not useful"
1057 aria-pressed="false"
1058 aria-label="Down vote"
1059 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1060 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1061 <svg aria-hidden="true" class="svg-icon iconArrowDown" width="18" height="18" viewBox="0 0 18 18"><path d="M1 6h16l-8 8-8-8Z"/></svg>
1062 </button>
1063
1064
1065
1066 <button class="js-saves-btn s-btn s-btn__unset c-pointer py4"
1067 type="button"
1068 id="saves-btn-41482470"
1069 data-controller="s-tooltip"
1070 data-s-tooltip-placement="right"
1071 data-s-popover-placement=""
1072 title="Save this answer."
1073 aria-pressed="false"
1074 data-post-id="41482470"
1075 data-post-type-id="2"
1076 data-user-privilege-for-post-click="0"
1077 aria-controls=""
1078 data-s-popover-auto-show="false"
1079 >
1080 <svg aria-hidden="true" class="fc-theme-primary-500 js-saves-btn-selected d-none svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1081 <svg aria-hidden="true" class="js-saves-btn-unselected svg-icon iconBookmarkAlt" width="18" height="18" viewBox="0 0 18 18"><path d="m9 10.6 4 2.66V3H5v10.26l4-2.66ZM3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1082 </button>
1083
1084
1085
1086
1087
1088
1089
1090 <div class="js-accepted-answer-indicator flex--item fc-green-700 py6 mtn8 d-none" data-s-tooltip-placement="right" title="Loading when this answer was accepted…" tabindex="0" role="note" aria-label="Accepted">
1091 <div class="ta-center">
1092 <svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8Z"/></svg>
1093 </div>
1094 </div>
1095
1096
1097 <a class="js-post-issue flex--item s-btn s-btn__unset c-pointer py6 mx-auto" href="/posts/41482470/timeline" data-shortcut="T" data-ks-title="timeline" data-controller="s-tooltip" data-s-tooltip-placement="right" title="Show activity on this post." aria-label="Timeline"><svg aria-hidden="true" class="mln2 mr0 svg-icon iconHistory" width="19" height="18" viewBox="0 0 19 18"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4h3L3 9Zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10V5Z"/></svg></a>
1098
1099 </div>
1100
1101 </div>
1102
1103
1104
1105 <div class="answercell post-layout--right">
1106
1107 <div class="s-prose js-post-body" itemprop="text">
1108 <p>You could append a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/createTextNode" rel="nofollow noreferrer">Text node</a> to the body.</p>
1109
1110 <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
1111 <div class="snippet-code">
1112 <pre class="snippet-code-js lang-js prettyprint-override"><code>document.body.appendChild(document.createTextNode('Hello World!'));</code></pre>
1113 </div>
1114 </div>
1115 </p>
1116 </div>
1117 <div class="mt24">
1118 <div class="d-flex fw-wrap ai-start jc-end gs8 gsy">
1119 <time itemprop="dateCreated" datetime="2017-01-05T10:22:18"></time>
1120 <div class="flex--item mr16" style="flex: 1 1 100px;">
1121
1122
1123
1124 <div class="js-post-menu pt2" data-post-id="41482470" data-post-type-id="2">
1125
1126 <div class="d-flex gs8 s-anchors s-anchors__muted fw-wrap">
1127
1128 <div class="flex--item">
1129 <a href="/a/41482470"
1130 rel="nofollow"
1131 itemprop="url"
1132 class="js-share-link js-gps-track"
1133 title="Short permalink to this answer"
1134 data-gps-track="post.click({ item: 2, priv: 0, post_type: 2 })"
1135 data-controller="se-share-sheet"
1136 data-se-share-sheet-title="Share a link to this answer"
1137 data-se-share-sheet-subtitle=""
1138 data-se-share-sheet-post-type="answer"
1139 data-se-share-sheet-social="facebook twitter devto"
1140 data-se-share-sheet-location="2"
1141 data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f3.0%2f"
1142 data-se-share-sheet-license-name="CC BY-SA 3.0"
1143 data-s-popover-placement="bottom-start">Share</a>
1144 </div>
1145
1146
1147 <div class="flex--item">
1148 <a href="/posts/41482470/edit" class="js-suggest-edit-post js-gps-track" data-gps-track="post.click({ item: 6, priv: 0, post_type: 2 })" title="">Improve this answer</a>
1149 </div>
1150
1151 <div class="flex--item">
1152 <button type="button"
1153 id="btnFollowPost-41482470" class="s-btn s-btn__link js-follow-post js-follow-answer js-gps-track"
1154 data-gps-track="post.click({ item: 14, priv: 0, post_type: 2 })"
1155 data-controller="s-tooltip " data-s-tooltip-placement="bottom"
1156 data-s-popover-placement="bottom" aria-controls=""
1157 title="Follow this answer to receive notifications">
1158 Follow
1159 </button>
1160 </div>
1161
1162
1163
1164
1165
1166
1167 </div>
1168 <div class="js-menu-popup-container"></div>
1169 </div>
1170 </div>
1171 <div class="post-signature flex--item fl0">
1172 <div class="user-info ">
1173 <div class="user-action-time">
1174 <a href="/posts/41482470/revisions" title="show all edits to this post"
1175 class="js-gps-track"
1176 data-gps-track="post.click({ item: 4, priv: 0, post_type: 2 })">edited <span title='2017-01-05 10:27:35Z' class='relativetime'>Jan 5, 2017 at 10:27</span></a>
1177 </div>
1178 <div class="user-gravatar32">
1179
1180 </div>
1181 <div class="user-details">
1182
1183 <div class="-flair">
1184
1185 </div>
1186 </div>
1187 </div>
1188 </div>
1189
1190
1191 <div class="post-signature flex--item fl0">
1192 <div class="user-info user-hover">
1193 <div class="user-action-time">
1194 answered <span title='2017-01-05 10:22:18Z' class='relativetime'>Jan 5, 2017 at 10:22</span>
1195 </div>
1196 <div class="user-gravatar32">
1197 <a href="/users/1447675/nina-scholz"><div class="gravatar-wrapper-32"><img src="https://i.stack.imgur.com/ziYmO.gif?s=64&g=1" alt="Nina Scholz's user avatar" width="32" height="32" class="bar-sm"></div></a>
1198 </div>
1199 <div class="user-details" itemprop="author" itemscope itemtype="http://schema.org/Person">
1200 <a href="/users/1447675/nina-scholz">Nina Scholz</a><span class="d-none" itemprop="name">Nina Scholz</span>
1201 <div class="-flair">
1202 <span class="reputation-score" title="reputation score 375,780" dir="ltr">376k</span><span title="25 gold badges" aria-hidden="true"><span class="badge1"></span><span class="badgecount">25</span></span><span class="v-visible-sr">25 gold badges</span><span title="346 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">346</span></span><span class="v-visible-sr">346 silver badges</span><span title="390 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">390</span></span><span class="v-visible-sr">390 bronze badges</span>
1203 </div>
1204 </div>
1205 </div>
1206
1207
1208 </div>
1209 </div>
1210
1211
1212 </div>
1213
1214 </div>
1215
1216
1217
1218
1219 <span class="d-none" itemprop="commentCount"></span>
1220 <div class="post-layout--right js-post-comments-component">
1221 <div id="comments-41482470" class="comments js-comments-container bt bc-black-075 mt12 dno" data-post-id="41482470" data-min-length="15">
1222 <ul class="comments-list js-comments-list"
1223 data-remaining-comments-count="0"
1224 data-canpost="false"
1225 data-cansee="true"
1226 data-comments-unavailable="false"
1227 data-addlink-disabled="true">
1228
1229 </ul>
1230 </div>
1231
1232 <div id="comments-link-41482470" data-rep=50 data-anon=true>
1233 <a class="js-add-link comments-link disabled-link" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”." href="#" role="button">Add a comment</a>
1234 <span class="js-link-separator dno"> | </span>
1235 <a class="js-show-link comments-link dno" title="Expand to show all comments on this post" href=# onclick="" role="button"></a>
1236 </div>
1237 </div>
1238 </div>
1239 </div>
1240
1241 <div class="js-zone-container zone-container-main">
1242 <div id="dfp-mlb" class="everyonelovesstackoverflow everyoneloves__mid-leaderboard everyoneloves__leaderboard"></div>
1243 <div class="js-report-ad-button-container " style="width: 728px"></div>
1244 </div>
1245
1246 <a name="41482457"></a>
1247 <div id="answer-41482457" class="answer js-answer accepted-answer js-accepted-answer" data-answerid="41482457" data-parentid="41482348" data-score="3" data-position-on-page="2" data-highest-scored="0" data-question-has-accepted-highest-score="0" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
1248 <div class="post-layout">
1249 <div class="votecell post-layout--left">
1250 <div class="js-voting-container d-flex jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="41482457">
1251 <button class="js-vote-up-btn flex--item s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1252 data-controller="s-tooltip"
1253 data-s-tooltip-placement="right"
1254 title="This answer is useful"
1255 aria-pressed="false"
1256 aria-label="Up vote"
1257 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1258 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1259 <svg aria-hidden="true" class="svg-icon iconArrowUp" width="18" height="18" viewBox="0 0 18 18"><path d="M1 12h16L9 4l-8 8Z"/></svg>
1260 </button>
1261 <div class="js-vote-count flex--item d-flex fd-column ai-center fc-theme-body-font fw-bold fs-subheading py4"
1262 itemprop="upvoteCount"
1263 data-value="3">
1264 3
1265 </div>
1266 <button class="js-vote-down-btn flex--item mb8 s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1267 data-controller="s-tooltip"
1268 data-s-tooltip-placement="right"
1269 title="This answer is not useful"
1270 aria-pressed="false"
1271 aria-label="Down vote"
1272 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1273 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1274 <svg aria-hidden="true" class="svg-icon iconArrowDown" width="18" height="18" viewBox="0 0 18 18"><path d="M1 6h16l-8 8-8-8Z"/></svg>
1275 </button>
1276
1277
1278
1279 <button class="js-saves-btn s-btn s-btn__unset c-pointer py4"
1280 type="button"
1281 id="saves-btn-41482457"
1282 data-controller="s-tooltip"
1283 data-s-tooltip-placement="right"
1284 data-s-popover-placement=""
1285 title="Save this answer."
1286 aria-pressed="false"
1287 data-post-id="41482457"
1288 data-post-type-id="2"
1289 data-user-privilege-for-post-click="0"
1290 aria-controls=""
1291 data-s-popover-auto-show="false"
1292 >
1293 <svg aria-hidden="true" class="fc-theme-primary-500 js-saves-btn-selected d-none svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1294 <svg aria-hidden="true" class="js-saves-btn-unselected svg-icon iconBookmarkAlt" width="18" height="18" viewBox="0 0 18 18"><path d="m9 10.6 4 2.66V3H5v10.26l4-2.66ZM3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1295 </button>
1296
1297
1298
1299
1300
1301
1302
1303 <div class="js-accepted-answer-indicator flex--item fc-green-700 py6 mtn8" data-s-tooltip-placement="right" title="Loading when this answer was accepted…" tabindex="0" role="note" aria-label="Accepted">
1304 <div class="ta-center">
1305 <svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8Z"/></svg>
1306 </div>
1307 </div>
1308
1309
1310 <a class="js-post-issue flex--item s-btn s-btn__unset c-pointer py6 mx-auto" href="/posts/41482457/timeline" data-shortcut="T" data-ks-title="timeline" data-controller="s-tooltip" data-s-tooltip-placement="right" title="Show activity on this post." aria-label="Timeline"><svg aria-hidden="true" class="mln2 mr0 svg-icon iconHistory" width="19" height="18" viewBox="0 0 19 18"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4h3L3 9Zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10V5Z"/></svg></a>
1311
1312 </div>
1313
1314 </div>
1315
1316
1317
1318 <div class="answercell post-layout--right">
1319
1320 <div class="s-prose js-post-body" itemprop="text">
1321 <p>In JS code you don't 'print' to the screen. Instead you amend the properties of the HTML elements in the DOM.</p>
1322
1323 <p>To do what you require you can retrieve the <code>#home</code> element then set its text. Either of the below will work for you:</p>
1324
1325 <pre><code>// POJS
1326 document.getElementById('home').textContent = 'hello world';
1327
1328 // jQuery
1329 $(function() {
1330 $('#home').text('hello world');
1331 });
1332 </code></pre>
1333
1334 <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
1335 <div class="snippet-code snippet-currently-hidden">
1336 <pre class="snippet-code-html lang-html prettyprint-override"><code><!DOCTYPE html>
1337 <html lang="en">
1338 <head></head>
1339 <body id="home">
1340 <script>
1341 document.getElementById('home').textContent = 'hello world';
1342 </script>
1343 </body>
1344 </html></code></pre>
1345 </div>
1346 </div>
1347 </p>
1348 </div>
1349 <div class="mt24">
1350 <div class="d-flex fw-wrap ai-start jc-end gs8 gsy">
1351 <time itemprop="dateCreated" datetime="2017-01-05T10:21:32"></time>
1352 <div class="flex--item mr16" style="flex: 1 1 100px;">
1353
1354
1355
1356 <div class="js-post-menu pt2" data-post-id="41482457" data-post-type-id="2">
1357
1358 <div class="d-flex gs8 s-anchors s-anchors__muted fw-wrap">
1359
1360 <div class="flex--item">
1361 <a href="/a/41482457"
1362 rel="nofollow"
1363 itemprop="url"
1364 class="js-share-link js-gps-track"
1365 title="Short permalink to this answer"
1366 data-gps-track="post.click({ item: 2, priv: 0, post_type: 2 })"
1367 data-controller="se-share-sheet"
1368 data-se-share-sheet-title="Share a link to this answer"
1369 data-se-share-sheet-subtitle=""
1370 data-se-share-sheet-post-type="answer"
1371 data-se-share-sheet-social="facebook twitter devto"
1372 data-se-share-sheet-location="2"
1373 data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f3.0%2f"
1374 data-se-share-sheet-license-name="CC BY-SA 3.0"
1375 data-s-popover-placement="bottom-start">Share</a>
1376 </div>
1377
1378
1379 <div class="flex--item">
1380 <a href="/posts/41482457/edit" class="js-suggest-edit-post js-gps-track" data-gps-track="post.click({ item: 6, priv: 0, post_type: 2 })" title="">Improve this answer</a>
1381 </div>
1382
1383 <div class="flex--item">
1384 <button type="button"
1385 id="btnFollowPost-41482457" class="s-btn s-btn__link js-follow-post js-follow-answer js-gps-track"
1386 data-gps-track="post.click({ item: 14, priv: 0, post_type: 2 })"
1387 data-controller="s-tooltip " data-s-tooltip-placement="bottom"
1388 data-s-popover-placement="bottom" aria-controls=""
1389 title="Follow this answer to receive notifications">
1390 Follow
1391 </button>
1392 </div>
1393
1394
1395
1396
1397
1398
1399 </div>
1400 <div class="js-menu-popup-container"></div>
1401 </div>
1402 </div>
1403
1404
1405 <div class="post-signature flex--item fl0">
1406 <div class="user-info user-hover">
1407 <div class="user-action-time">
1408 answered <span title='2017-01-05 10:21:32Z' class='relativetime'>Jan 5, 2017 at 10:21</span>
1409 </div>
1410 <div class="user-gravatar32">
1411 <a href="/users/519413/rory-mccrossan"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/7839089cd91dc5cc5eb1e0cdbf3312ed?s=64&d=identicon&r=PG" alt="Rory McCrossan's user avatar" width="32" height="32" class="bar-sm"></div></a>
1412 </div>
1413 <div class="user-details" itemprop="author" itemscope itemtype="http://schema.org/Person">
1414 <a href="/users/519413/rory-mccrossan">Rory McCrossan</a><span class="d-none" itemprop="name">Rory McCrossan</span>
1415 <div class="-flair">
1416 <span class="reputation-score" title="reputation score 331,045" dir="ltr">331k</span><span title="40 gold badges" aria-hidden="true"><span class="badge1"></span><span class="badgecount">40</span></span><span class="v-visible-sr">40 gold badges</span><span title="305 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">305</span></span><span class="v-visible-sr">305 silver badges</span><span title="339 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">339</span></span><span class="v-visible-sr">339 bronze badges</span>
1417 </div>
1418 </div>
1419 </div>
1420
1421
1422 </div>
1423 </div>
1424
1425
1426 </div>
1427
1428 </div>
1429
1430
1431
1432
1433 <span class="d-none" itemprop="commentCount"></span>
1434 <div class="post-layout--right js-post-comments-component">
1435 <div id="comments-41482457" class="comments js-comments-container bt bc-black-075 mt12 dno" data-post-id="41482457" data-min-length="15">
1436 <ul class="comments-list js-comments-list"
1437 data-remaining-comments-count="0"
1438 data-canpost="false"
1439 data-cansee="true"
1440 data-comments-unavailable="false"
1441 data-addlink-disabled="true">
1442
1443 </ul>
1444 </div>
1445
1446 <div id="comments-link-41482457" data-rep=50 data-anon=true>
1447 <a class="js-add-link comments-link disabled-link" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”." href="#" role="button">Add a comment</a>
1448 <span class="js-link-separator dno"> | </span>
1449 <a class="js-show-link comments-link dno" title="Expand to show all comments on this post" href=# onclick="" role="button"></a>
1450 </div>
1451 </div>
1452 </div>
1453 </div>
1454
1455
1456 <a name="41482438"></a>
1457 <div id="answer-41482438" class="answer js-answer" data-answerid="41482438" data-parentid="41482348" data-score="2" data-position-on-page="3" data-highest-scored="0" data-question-has-accepted-highest-score="0" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
1458 <div class="post-layout">
1459 <div class="votecell post-layout--left">
1460 <div class="js-voting-container d-flex jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="41482438">
1461 <button class="js-vote-up-btn flex--item s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1462 data-controller="s-tooltip"
1463 data-s-tooltip-placement="right"
1464 title="This answer is useful"
1465 aria-pressed="false"
1466 aria-label="Up vote"
1467 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1468 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1469 <svg aria-hidden="true" class="svg-icon iconArrowUp" width="18" height="18" viewBox="0 0 18 18"><path d="M1 12h16L9 4l-8 8Z"/></svg>
1470 </button>
1471 <div class="js-vote-count flex--item d-flex fd-column ai-center fc-theme-body-font fw-bold fs-subheading py4"
1472 itemprop="upvoteCount"
1473 data-value="2">
1474 2
1475 </div>
1476 <button class="js-vote-down-btn flex--item mb8 s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1477 data-controller="s-tooltip"
1478 data-s-tooltip-placement="right"
1479 title="This answer is not useful"
1480 aria-pressed="false"
1481 aria-label="Down vote"
1482 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1483 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1484 <svg aria-hidden="true" class="svg-icon iconArrowDown" width="18" height="18" viewBox="0 0 18 18"><path d="M1 6h16l-8 8-8-8Z"/></svg>
1485 </button>
1486
1487
1488
1489 <button class="js-saves-btn s-btn s-btn__unset c-pointer py4"
1490 type="button"
1491 id="saves-btn-41482438"
1492 data-controller="s-tooltip"
1493 data-s-tooltip-placement="right"
1494 data-s-popover-placement=""
1495 title="Save this answer."
1496 aria-pressed="false"
1497 data-post-id="41482438"
1498 data-post-type-id="2"
1499 data-user-privilege-for-post-click="0"
1500 aria-controls=""
1501 data-s-popover-auto-show="false"
1502 >
1503 <svg aria-hidden="true" class="fc-theme-primary-500 js-saves-btn-selected d-none svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1504 <svg aria-hidden="true" class="js-saves-btn-unselected svg-icon iconBookmarkAlt" width="18" height="18" viewBox="0 0 18 18"><path d="m9 10.6 4 2.66V3H5v10.26l4-2.66ZM3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1505 </button>
1506
1507
1508
1509
1510
1511
1512
1513 <div class="js-accepted-answer-indicator flex--item fc-green-700 py6 mtn8 d-none" data-s-tooltip-placement="right" title="Loading when this answer was accepted…" tabindex="0" role="note" aria-label="Accepted">
1514 <div class="ta-center">
1515 <svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8Z"/></svg>
1516 </div>
1517 </div>
1518
1519
1520 <a class="js-post-issue flex--item s-btn s-btn__unset c-pointer py6 mx-auto" href="/posts/41482438/timeline" data-shortcut="T" data-ks-title="timeline" data-controller="s-tooltip" data-s-tooltip-placement="right" title="Show activity on this post." aria-label="Timeline"><svg aria-hidden="true" class="mln2 mr0 svg-icon iconHistory" width="19" height="18" viewBox="0 0 19 18"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4h3L3 9Zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10V5Z"/></svg></a>
1521
1522 </div>
1523
1524 </div>
1525
1526
1527
1528 <div class="answercell post-layout--right">
1529
1530 <div class="s-prose js-post-body" itemprop="text">
1531 <p>In JavaScript Write some text directly to the HTML document Use <code>document.write();</code>.</p>
1532
1533 <p>like below.</p>
1534
1535 <pre><code><script>
1536 document.write("Hello World!");
1537 </script>
1538 </code></pre>
1539
1540 <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
1541 <div class="snippet-code">
1542 <pre class="snippet-code-html lang-html prettyprint-override"><code><!DOCTYPE html>
1543 <html>
1544 <body>
1545
1546 <script>
1547 document.write("Hello World!");
1548 </script>
1549
1550 </body>
1551 </html></code></pre>
1552 </div>
1553 </div>
1554 </p>
1555 </div>
1556 <div class="mt24">
1557 <div class="d-flex fw-wrap ai-start jc-end gs8 gsy">
1558 <time itemprop="dateCreated" datetime="2017-01-05T10:20:35"></time>
1559 <div class="flex--item mr16" style="flex: 1 1 100px;">
1560
1561
1562
1563 <div class="js-post-menu pt2" data-post-id="41482438" data-post-type-id="2">
1564
1565 <div class="d-flex gs8 s-anchors s-anchors__muted fw-wrap">
1566
1567 <div class="flex--item">
1568 <a href="/a/41482438"
1569 rel="nofollow"
1570 itemprop="url"
1571 class="js-share-link js-gps-track"
1572 title="Short permalink to this answer"
1573 data-gps-track="post.click({ item: 2, priv: 0, post_type: 2 })"
1574 data-controller="se-share-sheet"
1575 data-se-share-sheet-title="Share a link to this answer"
1576 data-se-share-sheet-subtitle=""
1577 data-se-share-sheet-post-type="answer"
1578 data-se-share-sheet-social="facebook twitter devto"
1579 data-se-share-sheet-location="2"
1580 data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f3.0%2f"
1581 data-se-share-sheet-license-name="CC BY-SA 3.0"
1582 data-s-popover-placement="bottom-start">Share</a>
1583 </div>
1584
1585
1586 <div class="flex--item">
1587 <a href="/posts/41482438/edit" class="js-suggest-edit-post js-gps-track" data-gps-track="post.click({ item: 6, priv: 0, post_type: 2 })" title="">Improve this answer</a>
1588 </div>
1589
1590 <div class="flex--item">
1591 <button type="button"
1592 id="btnFollowPost-41482438" class="s-btn s-btn__link js-follow-post js-follow-answer js-gps-track"
1593 data-gps-track="post.click({ item: 14, priv: 0, post_type: 2 })"
1594 data-controller="s-tooltip " data-s-tooltip-placement="bottom"
1595 data-s-popover-placement="bottom" aria-controls=""
1596 title="Follow this answer to receive notifications">
1597 Follow
1598 </button>
1599 </div>
1600
1601
1602
1603
1604
1605
1606 </div>
1607 <div class="js-menu-popup-container"></div>
1608 </div>
1609 </div>
1610 <div class="post-signature flex--item fl0">
1611 <div class="user-info ">
1612 <div class="user-action-time">
1613 <a href="/posts/41482438/revisions" title="show all edits to this post"
1614 class="js-gps-track"
1615 data-gps-track="post.click({ item: 4, priv: 0, post_type: 2 })">edited <span title='2017-01-05 10:26:50Z' class='relativetime'>Jan 5, 2017 at 10:26</span></a>
1616 </div>
1617 <div class="user-gravatar32">
1618
1619 </div>
1620 <div class="user-details">
1621
1622 <div class="-flair">
1623
1624 </div>
1625 </div>
1626 </div>
1627 </div>
1628
1629
1630 <div class="post-signature flex--item fl0">
1631 <div class="user-info user-hover">
1632 <div class="user-action-time">
1633 answered <span title='2017-01-05 10:20:35Z' class='relativetime'>Jan 5, 2017 at 10:20</span>
1634 </div>
1635 <div class="user-gravatar32">
1636 <a href="/users/5264245/pravin-vavadiya"><div class="gravatar-wrapper-32"><img src="https://i.stack.imgur.com/6OJqZ.jpg?s=64&g=1" alt="Pravin Vavadiya's user avatar" width="32" height="32" class="bar-sm"></div></a>
1637 </div>
1638 <div class="user-details" itemprop="author" itemscope itemtype="http://schema.org/Person">
1639 <a href="/users/5264245/pravin-vavadiya">Pravin Vavadiya</a><span class="d-none" itemprop="name">Pravin Vavadiya</span>
1640 <div class="-flair">
1641 <span class="reputation-score" title="reputation score " dir="ltr">3,195</span><span title="1 gold badge" aria-hidden="true"><span class="badge1"></span><span class="badgecount">1</span></span><span class="v-visible-sr">1 gold badge</span><span title="16 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">16</span></span><span class="v-visible-sr">16 silver badges</span><span title="34 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">34</span></span><span class="v-visible-sr">34 bronze badges</span>
1642 </div>
1643 </div>
1644 </div>
1645
1646
1647 </div>
1648 </div>
1649
1650
1651 </div>
1652
1653 </div>
1654
1655
1656
1657
1658 <span class="d-none" itemprop="commentCount">2</span>
1659 <div class="post-layout--right js-post-comments-component">
1660 <div id="comments-41482438" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="41482438" data-min-length="15">
1661 <ul class="comments-list js-comments-list"
1662 data-remaining-comments-count="0"
1663 data-canpost="false"
1664 data-cansee="true"
1665 data-comments-unavailable="false"
1666 data-addlink-disabled="true">
1667
1668 <li id="comment-70169921" class="comment js-comment " data-comment-id="70169921" data-comment-owner-id="519413" data-comment-score="2">
1669 <div class="js-comment-actions comment-actions">
1670 <div class="comment-score js-comment-score js-comment-edit-hide">
1671 <span title="number of 'useful comment' votes received"
1672 class="cool">2</span>
1673 </div>
1674 </div>
1675 <div class="comment-text js-comment-text-and-form">
1676 <div class="comment-body js-comment-edit-hide">
1677
1678 <span class="comment-copy">While this may work, using <code>document.write</code> is considered extremely bad practice. I really wouldn't recommend it - especially to a beginner.</span>
1679
1680 <div class="d-inline-flex ai-center">
1681 – <a href="/users/519413/rory-mccrossan"
1682 title="331,045 reputation"
1683 class="comment-user">Rory McCrossan</a>
1684 </div>
1685 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:22:12Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:22</span></span>
1686 </div>
1687 </div>
1688 </li>
1689 <li id="comment-70170057" class="comment js-comment " data-comment-id="70170057" data-comment-owner-id="88558" data-comment-score="1">
1690 <div class="js-comment-actions comment-actions">
1691 <div class="comment-score js-comment-score js-comment-edit-hide">
1692 <span title="number of 'useful comment' votes received"
1693 class="cool">1</span>
1694 </div>
1695 </div>
1696 <div class="comment-text js-comment-text-and-form">
1697 <div class="comment-body js-comment-edit-hide">
1698
1699 <span class="comment-copy">Its terrible and should pretty much never be used but I guess this is still the correct answer to the question asked!</span>
1700
1701 <div class="d-inline-flex ai-center">
1702 – <a href="/users/88558/lucero"
1703 title="59,136 reputation"
1704 class="comment-user">Lucero</a>
1705 </div>
1706 <span class="comment-date" dir="ltr"><span title='2017-01-05 10:26:22Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 5, 2017 at 10:26</span></span>
1707 </div>
1708 </div>
1709 </li>
1710
1711 </ul>
1712 </div>
1713
1714 <div id="comments-link-41482438" data-rep=50 data-anon=true>
1715 <a class="js-add-link comments-link disabled-link" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”." href="#" role="button">Add a comment</a>
1716 <span class="js-link-separator dno"> | </span>
1717 <a class="js-show-link comments-link dno" title="Expand to show all comments on this post" href=# onclick="" role="button"></a>
1718 </div>
1719 </div>
1720 </div>
1721 </div>
1722
1723 <div class="js-zone-container zone-container-main">
1724 <div id="dfp-smlb" class="everyonelovesstackoverflow everyoneloves__mid-second-leaderboard everyoneloves__leaderboard"></div>
1725 <div class="js-report-ad-button-container " style="width: 728px"></div>
1726 </div>
1727
1728 <a name="68428519"></a>
1729 <div id="answer-68428519" class="answer js-answer" data-answerid="68428519" data-parentid="41482348" data-score="0" data-position-on-page="4" data-highest-scored="0" data-question-has-accepted-highest-score="0" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
1730 <div class="post-layout">
1731 <div class="votecell post-layout--left">
1732 <div class="js-voting-container d-flex jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="68428519">
1733 <button class="js-vote-up-btn flex--item s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1734 data-controller="s-tooltip"
1735 data-s-tooltip-placement="right"
1736 title="This answer is useful"
1737 aria-pressed="false"
1738 aria-label="Up vote"
1739 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1740 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1741 <svg aria-hidden="true" class="svg-icon iconArrowUp" width="18" height="18" viewBox="0 0 18 18"><path d="M1 12h16L9 4l-8 8Z"/></svg>
1742 </button>
1743 <div class="js-vote-count flex--item d-flex fd-column ai-center fc-theme-body-font fw-bold fs-subheading py4"
1744 itemprop="upvoteCount"
1745 data-value="0">
1746 0
1747 </div>
1748 <button class="js-vote-down-btn flex--item mb8 s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1749 data-controller="s-tooltip"
1750 data-s-tooltip-placement="right"
1751 title="This answer is not useful"
1752 aria-pressed="false"
1753 aria-label="Down vote"
1754 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1755 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1756 <svg aria-hidden="true" class="svg-icon iconArrowDown" width="18" height="18" viewBox="0 0 18 18"><path d="M1 6h16l-8 8-8-8Z"/></svg>
1757 </button>
1758
1759
1760
1761 <button class="js-saves-btn s-btn s-btn__unset c-pointer py4"
1762 type="button"
1763 id="saves-btn-68428519"
1764 data-controller="s-tooltip"
1765 data-s-tooltip-placement="right"
1766 data-s-popover-placement=""
1767 title="Save this answer."
1768 aria-pressed="false"
1769 data-post-id="68428519"
1770 data-post-type-id="2"
1771 data-user-privilege-for-post-click="0"
1772 aria-controls=""
1773 data-s-popover-auto-show="false"
1774 >
1775 <svg aria-hidden="true" class="fc-theme-primary-500 js-saves-btn-selected d-none svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1776 <svg aria-hidden="true" class="js-saves-btn-unselected svg-icon iconBookmarkAlt" width="18" height="18" viewBox="0 0 18 18"><path d="m9 10.6 4 2.66V3H5v10.26l4-2.66ZM3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1777 </button>
1778
1779
1780
1781
1782
1783
1784
1785 <div class="js-accepted-answer-indicator flex--item fc-green-700 py6 mtn8 d-none" data-s-tooltip-placement="right" title="Loading when this answer was accepted…" tabindex="0" role="note" aria-label="Accepted">
1786 <div class="ta-center">
1787 <svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8Z"/></svg>
1788 </div>
1789 </div>
1790
1791
1792 <a class="js-post-issue flex--item s-btn s-btn__unset c-pointer py6 mx-auto" href="/posts/68428519/timeline" data-shortcut="T" data-ks-title="timeline" data-controller="s-tooltip" data-s-tooltip-placement="right" title="Show activity on this post." aria-label="Timeline"><svg aria-hidden="true" class="mln2 mr0 svg-icon iconHistory" width="19" height="18" viewBox="0 0 19 18"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4h3L3 9Zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10V5Z"/></svg></a>
1793
1794 </div>
1795
1796 </div>
1797
1798
1799
1800 <div class="answercell post-layout--right">
1801
1802 <div class="s-prose js-post-body" itemprop="text">
1803 <p>You can use:</p>
1804 <pre class="lang-js prettyprint-override"><code>document.write("hello world");
1805 </code></pre>
1806 <p>but I will not recommend it (for more information look <a href="https://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice">here</a>).</p>
1807 <p>You can use this instead:</p>
1808 <pre class="lang-js prettyprint-override"><code>document.getElementById("home").textContent = "hello world";
1809 </code></pre>
1810 </div>
1811 <div class="mt24">
1812 <div class="d-flex fw-wrap ai-start jc-end gs8 gsy">
1813 <time itemprop="dateCreated" datetime="2021-07-18T11:15:58"></time>
1814 <div class="flex--item mr16" style="flex: 1 1 100px;">
1815
1816
1817
1818 <div class="js-post-menu pt2" data-post-id="68428519" data-post-type-id="2">
1819
1820 <div class="d-flex gs8 s-anchors s-anchors__muted fw-wrap">
1821
1822 <div class="flex--item">
1823 <a href="/a/68428519"
1824 rel="nofollow"
1825 itemprop="url"
1826 class="js-share-link js-gps-track"
1827 title="Short permalink to this answer"
1828 data-gps-track="post.click({ item: 2, priv: 0, post_type: 2 })"
1829 data-controller="se-share-sheet"
1830 data-se-share-sheet-title="Share a link to this answer"
1831 data-se-share-sheet-subtitle=""
1832 data-se-share-sheet-post-type="answer"
1833 data-se-share-sheet-social="facebook twitter devto"
1834 data-se-share-sheet-location="2"
1835 data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f4.0%2f"
1836 data-se-share-sheet-license-name="CC BY-SA 4.0"
1837 data-s-popover-placement="bottom-start">Share</a>
1838 </div>
1839
1840
1841 <div class="flex--item">
1842 <a href="/posts/68428519/edit" class="js-suggest-edit-post js-gps-track" data-gps-track="post.click({ item: 6, priv: 0, post_type: 2 })" title="">Improve this answer</a>
1843 </div>
1844
1845 <div class="flex--item">
1846 <button type="button"
1847 id="btnFollowPost-68428519" class="s-btn s-btn__link js-follow-post js-follow-answer js-gps-track"
1848 data-gps-track="post.click({ item: 14, priv: 0, post_type: 2 })"
1849 data-controller="s-tooltip " data-s-tooltip-placement="bottom"
1850 data-s-popover-placement="bottom" aria-controls=""
1851 title="Follow this answer to receive notifications">
1852 Follow
1853 </button>
1854 </div>
1855
1856
1857
1858
1859
1860
1861 </div>
1862 <div class="js-menu-popup-container"></div>
1863 </div>
1864 </div>
1865 <div class="post-signature flex--item fl0">
1866 <div class="user-info user-hover">
1867 <div class="user-action-time">
1868 <a href="/posts/68428519/revisions" title="show all edits to this post"
1869 class="js-gps-track"
1870 data-gps-track="post.click({ item: 4, priv: 0, post_type: 2 })">edited <span title='2021-07-18 17:20:36Z' class='relativetime'>Jul 18, 2021 at 17:20</span></a>
1871 </div>
1872 <div class="user-gravatar32">
1873 <a href="/users/11407695/oleg-valter-is-with-ukraine"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/6e780ea997ca2280a7e2db311220a563?s=64&d=identicon&r=PG" alt="Oleg Valter is with Ukraine's user avatar" width="32" height="32" class="bar-sm"></div></a>
1874 </div>
1875 <div class="user-details">
1876 <a href="/users/11407695/oleg-valter-is-with-ukraine">Oleg Valter is with Ukraine</a>
1877 <div class="-flair">
1878 <span class="reputation-score" title="reputation score " dir="ltr">9,569</span><span title="8 gold badges" aria-hidden="true"><span class="badge1"></span><span class="badgecount">8</span></span><span class="v-visible-sr">8 gold badges</span><span title="36 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">36</span></span><span class="v-visible-sr">36 silver badges</span><span title="58 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">58</span></span><span class="v-visible-sr">58 bronze badges</span>
1879 </div>
1880 </div>
1881 </div>
1882 </div>
1883
1884
1885 <div class="post-signature flex--item fl0">
1886 <div class="user-info ">
1887 <div class="user-action-time">
1888 answered <span title='2021-07-18 11:15:58Z' class='relativetime'>Jul 18, 2021 at 11:15</span>
1889 </div>
1890 <div class="user-gravatar32">
1891 <a href="/users/16327154/mehan-alavi"><div class="gravatar-wrapper-32"><img src="https://i.stack.imgur.com/AJ2Jl.jpg?s=64&g=1" alt="Mehan Alavi's user avatar" width="32" height="32" class="bar-sm"></div></a>
1892 </div>
1893 <div class="user-details" itemprop="author" itemscope itemtype="http://schema.org/Person">
1894 <a href="/users/16327154/mehan-alavi">Mehan Alavi</a><span class="d-none" itemprop="name">Mehan Alavi</span>
1895 <div class="-flair">
1896 <span class="reputation-score" title="reputation score " dir="ltr">278</span><span title="3 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">3</span></span><span class="v-visible-sr">3 silver badges</span><span title="17 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">17</span></span><span class="v-visible-sr">17 bronze badges</span>
1897 </div>
1898 </div>
1899 </div>
1900
1901
1902 </div>
1903 </div>
1904
1905
1906 </div>
1907
1908 </div>
1909
1910
1911
1912
1913 <span class="d-none" itemprop="commentCount"></span>
1914 <div class="post-layout--right js-post-comments-component">
1915 <div id="comments-68428519" class="comments js-comments-container bt bc-black-075 mt12 dno" data-post-id="68428519" data-min-length="15">
1916 <ul class="comments-list js-comments-list"
1917 data-remaining-comments-count="0"
1918 data-canpost="false"
1919 data-cansee="true"
1920 data-comments-unavailable="false"
1921 data-addlink-disabled="true">
1922
1923 </ul>
1924 </div>
1925
1926 <div id="comments-link-68428519" data-rep=50 data-anon=true>
1927 <a class="js-add-link comments-link disabled-link" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”." href="#" role="button">Add a comment</a>
1928 <span class="js-link-separator dno"> | </span>
1929 <a class="js-show-link comments-link dno" title="Expand to show all comments on this post" href=# onclick="" role="button"></a>
1930 </div>
1931 </div>
1932 </div>
1933 </div>
1934
1935
1936 <a name="75212672"></a>
1937 <div id="answer-75212672" class="answer js-answer" data-answerid="75212672" data-parentid="41482348" data-score="-1" data-position-on-page="5" data-highest-scored="0" data-question-has-accepted-highest-score="0" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
1938 <div class="post-layout">
1939 <div class="votecell post-layout--left">
1940 <div class="js-voting-container d-flex jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="75212672">
1941 <button class="js-vote-up-btn flex--item s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1942 data-controller="s-tooltip"
1943 data-s-tooltip-placement="right"
1944 title="This answer is useful"
1945 aria-pressed="false"
1946 aria-label="Up vote"
1947 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1948 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1949 <svg aria-hidden="true" class="svg-icon iconArrowUp" width="18" height="18" viewBox="0 0 18 18"><path d="M1 12h16L9 4l-8 8Z"/></svg>
1950 </button>
1951 <div class="js-vote-count flex--item d-flex fd-column ai-center fc-theme-body-font fw-bold fs-subheading py4"
1952 itemprop="upvoteCount"
1953 data-value="-1">
1954 -1
1955 </div>
1956 <button class="js-vote-down-btn flex--item mb8 s-btn ba bar-pill c-pointer as-center bc-black-100 fc-black-700 h:bg-theme-primary-100"
1957 data-controller="s-tooltip"
1958 data-s-tooltip-placement="right"
1959 title="This answer is not useful"
1960 aria-pressed="false"
1961 aria-label="Down vote"
1962 data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-025"
1963 data-unselected-classes="bc-black-100 fc-black-700 h:bg-theme-primary-100">
1964 <svg aria-hidden="true" class="svg-icon iconArrowDown" width="18" height="18" viewBox="0 0 18 18"><path d="M1 6h16l-8 8-8-8Z"/></svg>
1965 </button>
1966
1967
1968
1969 <button class="js-saves-btn s-btn s-btn__unset c-pointer py4"
1970 type="button"
1971 id="saves-btn-75212672"
1972 data-controller="s-tooltip"
1973 data-s-tooltip-placement="right"
1974 data-s-popover-placement=""
1975 title="Save this answer."
1976 aria-pressed="false"
1977 data-post-id="75212672"
1978 data-post-type-id="2"
1979 data-user-privilege-for-post-click="0"
1980 aria-controls=""
1981 data-s-popover-auto-show="false"
1982 >
1983 <svg aria-hidden="true" class="fc-theme-primary-500 js-saves-btn-selected d-none svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1984 <svg aria-hidden="true" class="js-saves-btn-unselected svg-icon iconBookmarkAlt" width="18" height="18" viewBox="0 0 18 18"><path d="m9 10.6 4 2.66V3H5v10.26l4-2.66ZM3 17V3c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v14l-6-4-6 4Z"/></svg>
1985 </button>
1986
1987
1988
1989
1990
1991
1992
1993 <div class="js-accepted-answer-indicator flex--item fc-green-700 py6 mtn8 d-none" data-s-tooltip-placement="right" title="Loading when this answer was accepted…" tabindex="0" role="note" aria-label="Accepted">
1994 <div class="ta-center">
1995 <svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8Z"/></svg>
1996 </div>
1997 </div>
1998
1999
2000 <a class="js-post-issue flex--item s-btn s-btn__unset c-pointer py6 mx-auto" href="/posts/75212672/timeline" data-shortcut="T" data-ks-title="timeline" data-controller="s-tooltip" data-s-tooltip-placement="right" title="Show activity on this post." aria-label="Timeline"><svg aria-hidden="true" class="mln2 mr0 svg-icon iconHistory" width="19" height="18" viewBox="0 0 19 18"><path d="M3 9a8 8 0 1 1 3.73 6.77L8.2 14.3A6 6 0 1 0 5 9l3.01-.01-4 4-4-4h3L3 9Zm7-4h1.01L11 9.36l3.22 2.1-.6.93L10 10V5Z"/></svg></a>
2001
2002 </div>
2003
2004 </div>
2005
2006
2007
2008 <div class="answercell post-layout--right">
2009
2010 <div class="s-prose js-post-body" itemprop="text">
2011 <pre><code>console.log("Hello World!")
2012 </code></pre>
2013 </div>
2014 <div class="mt24">
2015 <div class="d-flex fw-wrap ai-start jc-end gs8 gsy">
2016 <time itemprop="dateCreated" datetime="2023-01-23T16:56:56"></time>
2017 <div class="flex--item mr16" style="flex: 1 1 100px;">
2018
2019
2020
2021 <div class="js-post-menu pt2" data-post-id="75212672" data-post-type-id="2">
2022
2023 <div class="d-flex gs8 s-anchors s-anchors__muted fw-wrap">
2024
2025 <div class="flex--item">
2026 <a href="/a/75212672"
2027 rel="nofollow"
2028 itemprop="url"
2029 class="js-share-link js-gps-track"
2030 title="Short permalink to this answer"
2031 data-gps-track="post.click({ item: 2, priv: 0, post_type: 2 })"
2032 data-controller="se-share-sheet"
2033 data-se-share-sheet-title="Share a link to this answer"
2034 data-se-share-sheet-subtitle=""
2035 data-se-share-sheet-post-type="answer"
2036 data-se-share-sheet-social="facebook twitter devto"
2037 data-se-share-sheet-location="2"
2038 data-se-share-sheet-license-url="https%3a%2f%2fcreativecommons.org%2flicenses%2fby-sa%2f4.0%2f"
2039 data-se-share-sheet-license-name="CC BY-SA 4.0"
2040 data-s-popover-placement="bottom-start">Share</a>
2041 </div>
2042
2043
2044 <div class="flex--item">
2045 <a href="/posts/75212672/edit" class="js-suggest-edit-post js-gps-track" data-gps-track="post.click({ item: 6, priv: 0, post_type: 2 })" title="">Improve this answer</a>
2046 </div>
2047
2048 <div class="flex--item">
2049 <button type="button"
2050 id="btnFollowPost-75212672" class="s-btn s-btn__link js-follow-post js-follow-answer js-gps-track"
2051 data-gps-track="post.click({ item: 14, priv: 0, post_type: 2 })"
2052 data-controller="s-tooltip " data-s-tooltip-placement="bottom"
2053 data-s-popover-placement="bottom" aria-controls=""
2054 title="Follow this answer to receive notifications">
2055 Follow
2056 </button>
2057 </div>
2058
2059
2060
2061
2062
2063
2064 </div>
2065 <div class="js-menu-popup-container"></div>
2066 </div>
2067 </div>
2068
2069
2070 <div class="post-signature flex--item fl0">
2071 <div class="user-info user-hover">
2072 <div class="user-action-time">
2073 answered <span title='2023-01-23 16:56:56Z' class='relativetime'>Jan 23 at 16:56</span>
2074 </div>
2075 <div class="user-gravatar32">
2076 <a href="/users/10891489/yog-sharma"><div class="gravatar-wrapper-32"><img src="https://i.stack.imgur.com/4GVVO.jpg?s=64&g=1" alt="Yog Sharma's user avatar" width="32" height="32" class="bar-sm"></div></a>
2077 </div>
2078 <div class="user-details" itemprop="author" itemscope itemtype="http://schema.org/Person">
2079 <a href="/users/10891489/yog-sharma">Yog Sharma</a><span class="d-none" itemprop="name">Yog Sharma</span>
2080 <div class="-flair">
2081 <span class="reputation-score" title="reputation score " dir="ltr">164</span><span title="2 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">2</span></span><span class="v-visible-sr">2 silver badges</span><span title="9 bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">9</span></span><span class="v-visible-sr">9 bronze badges</span>
2082 </div>
2083 </div>
2084 </div>
2085
2086
2087 </div>
2088 </div>
2089
2090
2091 </div>
2092
2093 </div>
2094
2095
2096
2097
2098 <span class="d-none" itemprop="commentCount">1</span>
2099 <div class="post-layout--right js-post-comments-component">
2100 <div id="comments-75212672" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="75212672" data-min-length="15">
2101 <ul class="comments-list js-comments-list"
2102 data-remaining-comments-count="0"
2103 data-canpost="false"
2104 data-cansee="true"
2105 data-comments-unavailable="false"
2106 data-addlink-disabled="true">
2107
2108 <li id="comment-132771566" class="comment js-comment " data-comment-id="132771566" data-comment-owner-id="16631565" data-comment-score="0">
2109 <div class="js-comment-actions comment-actions">
2110 <div class="comment-score js-comment-score js-comment-edit-hide">
2111 </div>
2112 </div>
2113 <div class="comment-text js-comment-text-and-form">
2114 <div class="comment-body js-comment-edit-hide">
2115
2116 <span class="comment-copy">While this code snippet may be the solution, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.</span>
2117
2118 <div class="d-inline-flex ai-center">
2119 – <a href="/users/16631565/shawn-hemelstrand"
2120 title="2,666 reputation"
2121 class="comment-user">Shawn Hemelstrand</a>
2122 </div>
2123 <span class="comment-date" dir="ltr"><span title='2023-01-26 00:29:32Z, License: CC BY-SA 4.0' class='relativetime-clean'>Jan 26 at 0:29</span></span>
2124 </div>
2125 </div>
2126 </li>
2127
2128 </ul>
2129 </div>
2130
2131 <div id="comments-link-75212672" data-rep=50 data-anon=true>
2132 <a class="js-add-link comments-link disabled-link" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”." href="#" role="button">Add a comment</a>
2133 <span class="js-link-separator dno"> | </span>
2134 <a class="js-show-link comments-link dno" title="Expand to show all comments on this post" href=# onclick="" role="button"></a>
2135 </div>
2136 </div>
2137 </div>
2138 </div>
2139
2140
2141 <a name='new-answer'></a>
2142 <form id="post-form" action="/questions/41482348/answer/submit" method="post" class="js-add-answer-component post-form">
2143 <input type="hidden" id="post-id" value="41482348" />
2144 <input type="hidden" id="qualityBanWarningShown" name="qualityBanWarningShown" value="false" />
2145 <input type="hidden" name="referrer" value="" />
2146 <h2 class="space" id="your-answer-header">
2147 Your Answer
2148 </h2>
2149
2150
2151 <script>
2152 StackExchange.ifUsing("editor", function () {
2153 StackExchange.using("externalEditor", function () {
2154 StackExchange.using("snippets", function () {
2155 StackExchange.snippets.init();
2156 });
2157 });
2158 }, "code-snippets");
2159 </script>
2160
2161
2162 <script>
2163 StackExchange.ready(function() {
2164 var channelOptions = {
2165 tags: "".split(" "),
2166 id: "1"
2167 };
2168 initTagRenderer("".split(" "), "".split(" "), channelOptions);
2169
2170 StackExchange.using("externalEditor", function() {
2171 // Have to fire editor after snippets, if snippets enabled
2172 if (StackExchange.settings.snippets.snippetsEnabled) {
2173 StackExchange.using("snippets", function() {
2174 createEditor();
2175 });
2176 }
2177 else {
2178 createEditor();
2179 }
2180 });
2181
2182 function createEditor() {
2183 StackExchange.prepareEditor({
2184 useStacksEditor: false,
2185 heartbeatType: 'answer',
2186 autoActivateHeartbeat: false,
2187 convertImagesToLinks: true,
2188 noModals: true,
2189 showLowRepImageUploadWarning: true,
2190 reputationToPostImages: 10,
2191 bindNavPrevention: true,
2192 postfix: "",
2193 imageUploader: {
2194 brandingHtml: "Powered by \u003ca href=\"https://imgur.com/\"\u003e\u003csvg class=\"svg-icon\" width=\"50\" height=\"18\" viewBox=\"0 0 50 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003ctitle\u003eImgur Logo\u003c/title\u003e\u003cpath d=\"M46.1709 9.17788C46.1709 8.26454 46.2665 7.94324 47.1084 7.58816C47.4091 7.46349 47.7169 7.36433 48.0099 7.26993C48.9099 6.97997 49.672 6.73443 49.672 5.93063C49.672 5.22043 48.9832 4.61182 48.1414 4.61182C47.4335 4.61182 46.7256 4.91628 46.0943 5.50789C45.7307 4.9328 45.2525 4.66231 44.6595 4.66231C43.6264 4.66231 43.1481 5.28821 43.1481 6.59048V11.9512C43.1481 13.2535 43.6264 13.8962 44.6595 13.8962C45.6924 13.8962 46.1709 13.2535 46.1709 11.9512V9.17788Z\"/\u003e\u003cpath d=\"M32.492 10.1419C32.492 12.6954 34.1182 14.0484 37.0451 14.0484C39.9723 14.0484 41.5985 12.6954 41.5985 10.1419V6.59049C41.5985 5.28821 41.1394 4.66232 40.1061 4.66232C39.0732 4.66232 38.5948 5.28821 38.5948 6.59049V9.60062C38.5948 10.8521 38.2696 11.5455 37.0451 11.5455C35.8209 11.5455 35.4954 10.8521 35.4954 9.60062V6.59049C35.4954 5.28821 35.0173 4.66232 34.0034 4.66232C32.9703 4.66232 32.492 5.28821 32.492 6.59049V10.1419Z\" /\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.6622 17.6335C27.8049 17.6335 29.3739 16.9402 30.2537 15.6379C30.8468 14.7755 30.9615 13.5579 30.9615 11.9512V6.59049C30.9615 5.28821 30.4833 4.66231 29.4502 4.66231C28.9913 4.66231 28.4555 4.94978 28.1109 5.50789C27.499 4.86533 26.7335 4.56087 25.7005 4.56087C23.1369 4.56087 21.0134 6.57349 21.0134 9.27932C21.0134 11.9852 23.003 13.913 25.3754 13.913C26.5612 13.913 27.4607 13.4902 28.1109 12.6616C28.1109 12.7229 28.1161 12.7799 28.121 12.8346C28.1256 12.8854 28.1301 12.9342 28.1301 12.983C28.1301 14.4373 27.2502 15.2321 25.777 15.2321C24.8349 15.2321 24.1352 14.9821 23.5661 14.7787C23.176 14.6393 22.8472 14.5218 22.5437 14.5218C21.7977 14.5218 21.2429 15.0123 21.2429 15.6887C21.2429 16.7375 22.9072 17.6335 25.6622 17.6335ZM24.1317 9.27932C24.1317 7.94324 24.9928 7.09766 26.1024 7.09766C27.2119 7.09766 28.0918 7.94324 28.0918 9.27932C28.0918 10.6321 27.2311 11.5116 26.1024 11.5116C24.9737 11.5116 24.1317 10.6491 24.1317 9.27932Z\"/\u003e\u003cpath d=\"M16.8045 11.9512C16.8045 13.2535 17.2637 13.8962 18.2965 13.8962C19.3298 13.8962 19.8079 13.2535 19.8079 11.9512V8.12928C19.8079 5.82936 18.4879 4.62866 16.4027 4.62866C15.1594 4.62866 14.279 4.98375 13.3609 5.88013C12.653 5.05154 11.6581 4.62866 10.3573 4.62866C9.34336 4.62866 8.57809 4.89931 7.9466 5.5079C7.58314 4.9328 7.10506 4.66232 6.51203 4.66232C5.47873 4.66232 5.00066 5.28821 5.00066 6.59049V11.9512C5.00066 13.2535 5.47873 13.8962 6.51203 13.8962C7.54479 13.8962 8.0232 13.2535 8.0232 11.9512V8.90741C8.0232 7.58817 8.44431 6.91179 9.53458 6.91179C10.5104 6.91179 10.893 7.58817 10.893 8.94108V11.9512C10.893 13.2535 11.3711 13.8962 12.4044 13.8962C13.4375 13.8962 13.9157 13.2535 13.9157 11.9512V8.90741C13.9157 7.58817 14.3365 6.91179 15.4269 6.91179C16.4027 6.91179 16.8045 7.58817 16.8045 8.94108V11.9512Z\"/\u003e\u003cpath d=\"M3.31675 6.59049C3.31675 5.28821 2.83866 4.66232 1.82471 4.66232C0.791758 4.66232 0.313354 5.28821 0.313354 6.59049V11.9512C0.313354 13.2535 0.791758 13.8962 1.82471 13.8962C2.85798 13.8962 3.31675 13.2535 3.31675 11.9512V6.59049Z\" /\u003e\u003cpath d=\"M1.87209 0.400291C0.843612 0.400291 0 1.1159 0 1.98861C0 2.87869 0.822846 3.57676 1.87209 3.57676C2.90056 3.57676 3.7234 2.87869 3.7234 1.98861C3.7234 1.1159 2.90056 0.400291 1.87209 0.400291Z\" fill=\"#1BB76E\"/\u003e\u003c/svg\u003e\u003c/a\u003e",
2195 contentPolicyHtml: "User contributions licensed under \u003ca href=\"https://stackoverflow.com/help/licensing\"\u003eCC BY-SA\u003c/a\u003e \u003ca href=\"https://stackoverflow.com/legal/content-policy\"\u003e(content policy)\u003c/a\u003e",
2196 allowUrls: true
2197 },
2198 onDemand: true,
2199 discardSelector: ".discard-answer",
2200 enableTables: true,
2201 isStacksEditorPreviewEnabled: false
2202 ,immediatelyShowMarkdownHelp:true,enableTables:true,enableSnippets:true
2203 });
2204 }
2205 });
2206 </script>
2207 <div id="post-editor" class="post-editor js-post-editor">
2208
2209
2210 <div class="ps-relative">
2211 <div class="wmd-container mb8">
2212 <div id="wmd-button-bar" class="wmd-button-bar btr-sm"></div>
2213 <div class="js-stacks-validation">
2214 <div class="ps-relative">
2215 <textarea id="wmd-input"
2216 name="post-text"
2217 class="wmd-input s-input bar0 js-post-body-field"
2218 data-editor-type="wmd"
2219 data-post-type-id="2"
2220 cols="92" rows="15"
2221 aria-labelledby="your-answer-header"
2222 tabindex="101"
2223 data-min-length=""></textarea>
2224 </div>
2225 <div class="s-input-message mt4 d-none js-stacks-validation-message"></div>
2226 </div>
2227 </div>
2228 </div>
2229
2230 <aside class="d-flex ai-start jc-space-between js-answer-help s-notice s-notice__warning pb0 pr4 pt4 mb8 d-none" role="status" aria-hidden="true">
2231 <div class="flex--item pt8">
2232 <p>Thanks for contributing an answer to Stack Overflow!</p><ul><li>Please be sure to <em>answer the question</em>. Provide details and share your research!</li></ul><p>But <em>avoid</em> …</p><ul><li>Asking for help, clarification, or responding to other answers.</li><li>Making statements based on opinion; back them up with references or personal experience.</li></ul><p>To learn more, see our <a href="/help/how-to-answer">tips on writing great answers</a>.</p>
2233 </div>
2234 <button class="flex--item js-answer-help-close-btn s-btn s-btn__muted fc-dark">
2235 <svg aria-hidden="true" class="svg-icon iconClear" width="18" height="18" viewBox="0 0 18 18"><path d="M15 4.41 13.59 3 9 7.59 4.41 3 3 4.41 7.59 9 3 13.59 4.41 15 9 10.41 13.59 15 15 13.59 10.41 9 15 4.41Z"/></svg>
2236 </button>
2237 </aside>
2238
2239
2240
2241 <div>
2242 <div id="draft-saved" class="fc-success h24" style="display:none;">Draft saved</div>
2243 <div id="draft-discarded" class="fc-error h24" style="display:none;">Draft discarded</div>
2244 </div>
2245
2246
2247 <div id="wmd-preview" class="s-prose mb16 wmd-preview js-wmd-preview"></div>
2248 <div></div>
2249
2250 <div class="edit-block">
2251 <input id="fkey" name="fkey" type="hidden" value="fc10909db3327d9292b6542297daa3408f1ec833c99ba8fd261779dcb316bb58">
2252 <input id="author" name="author" type="text">
2253 </div>
2254
2255 </div>
2256
2257
2258 <div class="ps-relative">
2259 <div class="form-item dno new-post-login p0 my16">
2260 <div class="d-flex gs16 md:fd-column new-login-form">
2261 <div class="d-flex fd-column w50 md:w-auto gsy gs8 jc-space-between new-login-left">
2262 <h3 class="flex--item fs-title">Sign up or <a id="login-link" href="/users/login?ssrc=question_page&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f41482348%2fhow-to-write-a-simple-hello-world-program-in-javascript%23new-answer">log in</a></h3>
2263 <script>
2264 StackExchange.ready(function () {
2265 StackExchange.helpers.onClickDraftSave('#login-link');
2266 });
2267 </script>
2268 <div class="flex--item s-btn s-btn__muted s-btn__outlined s-btn__icon google-login" data-ga="["sign up","Sign Up Started - Google","New Post",null,null]">
2269 <svg aria-hidden="true" class="native svg-icon iconGoogle" width="18" height="18" viewBox="0 0 18 18"><path fill="#4285F4" d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a7.8 7.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18Z"/><path fill="#34A853" d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2a4.8 4.8 0 0 1-7.18-2.54H1.83v2.07A8 8 0 0 0 8.98 17Z"/><path fill="#FBBC05" d="M4.5 10.52a4.8 4.8 0 0 1 0-3.04V5.41H1.83a8 8 0 0 0 0 7.18l2.67-2.07Z"/><path fill="#EA4335" d="M8.98 4.18c1.17 0 2.23.4 3.06 1.2l2.3-2.3A8 8 0 0 0 1.83 5.4L4.5 7.49a4.77 4.77 0 0 1 4.48-3.3Z"/></svg> Sign up using Google
2270 </div>
2271 <div class="flex--item s-btn s-btn__muted s-btn__icon facebook-login" data-ga="["sign up","Sign Up Started - Facebook","New Post",null,null]">
2272 <svg aria-hidden="true" class="svg-icon iconFacebook" width="18" height="18" viewBox="0 0 18 18"><path fill="#4167B2" d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm6.55 16v-6.2H7.46V8.4h2.09V6.61c0-2.07 1.26-3.2 3.1-3.2.88 0 1.64.07 1.87.1v2.16h-1.29c-1 0-1.19.48-1.19 1.18V8.4h2.39l-.31 2.42h-2.08V17h-2.5Z"/></svg> Sign up using Facebook
2273 </div>
2274 <div class="flex--item s-btn s-btn__muted s-btn__outlined s-btn__icon stackexchange-login" data-ga="["sign up","Sign Up Navigation","New Post",null,null]">
2275 <svg aria-hidden="true" class="native svg-icon iconLogoGlyphXSm" width="18" height="18" viewBox="0 0 18 18"><path d="M14 16v-5h2v7H2v-7h2v5h10Z" fill="#BCBBBB"/><path d="m12.09.72-1.21.9 4.5 6.07 1.22-.9L12.09.71ZM5 15h8v-2H5v2Zm9.15-5.87L8.35 4.3l.96-1.16 5.8 4.83-.96 1.16Zm-7.7-1.47 6.85 3.19.63-1.37-6.85-3.2-.63 1.38Zm6.53 5L5.4 11.39l.38-1.67 7.42 1.48-.22 1.46Z" fill="#F48024"/></svg> Sign up using Email and Password
2276 </div>
2277 </div>
2278 <input type="hidden" name="use-facebook" class="use-facebook" value="false" />
2279 <input type="hidden" name="use-google" class="use-google" value="false" />
2280 <button type="button" class="d-none js-submit-openid">Submit</button>
2281 <div class="d-flex gsy gs8 fd-column w50 md:w-auto new-login-right form-item p0">
2282 <h3 class="flex--item fs-title">Post as a guest</h3>
2283 <div class="flex--item">
2284 <div class="d-flex gs4 gsy fd-column">
2285 <label class="s-label" for="display-name">Name</label>
2286 <div class="d-flex ps-relative">
2287 <input class="s-input" id="display-name" name="display-name" maxlength="30" type="text" value="" tabindex="105" placeholder="" />
2288 </div>
2289 </div>
2290 </div>
2291 <div class="flex--item">
2292 <div class="d-flex gs4 gsy fd-column">
2293 <div class="flex--item">
2294 <div class="d-flex gs2 gsy fd-column">
2295 <label class="flex--item s-label" for="m-address">Email</label>
2296 <p class="flex--item s-description">Required, but never shown</p>
2297 </div>
2298 </div>
2299 <div class="d-flex ps-relative">
2300 <input class="s-input js-post-email-field" id="m-address" name="m-address" type="text" value="" size="40" tabindex="106" placeholder="" />
2301 </div>
2302 </div>
2303 </div>
2304
2305 </div>
2306 </div>
2307 </div>
2308 <script>
2309 StackExchange.ready(
2310 function () {
2311 StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f41482348%2fhow-to-write-a-simple-hello-world-program-in-javascript%23new-answer', 'question_page');
2312 }
2313 );
2314 </script>
2315 <noscript>
2316 <h3 class="flex--item fs-title">Post as a guest</h3>
2317 <div class="flex--item">
2318 <div class="d-flex gs4 gsy fd-column">
2319 <label class="s-label" for="display-name">Name</label>
2320 <div class="d-flex ps-relative">
2321 <input class="s-input" id="display-name" name="display-name" maxlength="30" type="text" value="" tabindex="105" placeholder="" />
2322 </div>
2323 </div>
2324 </div>
2325 <div class="flex--item">
2326 <div class="d-flex gs4 gsy fd-column">
2327 <div class="flex--item">
2328 <div class="d-flex gs2 gsy fd-column">
2329 <label class="flex--item s-label" for="m-address">Email</label>
2330 <p class="flex--item s-description">Required, but never shown</p>
2331 </div>
2332 </div>
2333 <div class="d-flex ps-relative">
2334 <input class="s-input js-post-email-field" id="m-address" name="m-address" type="text" value="" size="40" tabindex="106" placeholder="" />
2335 </div>
2336 </div>
2337 </div>
2338
2339 </noscript>
2340
2341 </div>
2342
2343 <div class="form-submit clear-both d-flex gsx gs4">
2344 <button id="submit-button" class="flex--item s-btn s-btn__primary s-btn__icon" type="submit" tabindex="120" autocomplete="off">
2345 Post Your Answer
2346 </button>
2347 <button class="flex--item s-btn s-btn__danger discard-answer dno">
2348 Discard
2349 </button>
2350 <p class="privacy-policy-agreement">
2351 By clicking “Post Your Answer”, you agree to our <a href='https://stackoverflow.com/legal/terms-of-service/public' name='tos' target='_blank' class='-link'>terms of service</a> and acknowledge that you have read and understand our <a href='https://stackoverflow.com/legal/privacy-policy' name='privacy' target='_blank' class='-link'>privacy policy</a> and <a href='/conduct' name='conduct' target='_blank' class='-link'>code of conduct</a>.<input type="hidden" name="legalLinksShown" value="1" />
2352 </p>
2353 </div>
2354 <div class="js-general-error general-error clear-both d-none" aria-live="polite"></div>
2355 </form>
2356
2357
2358 <h2 class="bottom-notice" data-loc="1">
2359 <div>
2360 Not the answer you're looking for? Browse other questions tagged <ul class='ml0 list-ls-none js-post-tag-list-wrapper d-inline'><li class='d-inline mr4 js-post-tag-list-item'><a href="/questions/tagged/javascript" class="post-tag" title="show questions tagged 'javascript'" aria-label="show questions tagged 'javascript'" rel="tag" aria-labelledby="tag-javascript-tooltip-container">javascript</a></li><li class='d-inline mr4 js-post-tag-list-item'><a href="/questions/tagged/jquery" class="post-tag" title="show questions tagged 'jquery'" aria-label="show questions tagged 'jquery'" rel="tag" aria-labelledby="tag-jquery-tooltip-container">jquery</a></li><li class='d-inline mr4 js-post-tag-list-item'><a href="/questions/tagged/html" class="post-tag" title="show questions tagged 'html'" aria-label="show questions tagged 'html'" rel="tag" aria-labelledby="tag-html-tooltip-container">html</a></li></ul> or <a href="/questions/ask">ask your own question</a>. </div>
2361 </h2>
2362 </div>
2363 </div>
2364
2365
2366 <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar">
2367
2368
2369
2370 <div class="s-sidebarwidget s-sidebarwidget__yellow s-anchors s-anchors__grayscale mb16" data-tracker="cb=1">
2371 <ul class="d-block p0 m0">
2372 <li class="s-sidebarwidget--header s-sidebarwidget__small-bold-text d-flex fc-black-600 d:fc-black-900 bb bbw1">
2373 The Overflow Blog
2374 </li>
2375 <li class="s-sidebarwidget--item d-flex px16">
2376 <div class="flex--item1 fl-shrink0">
2377 <svg aria-hidden="true" class="va-text-top svg-icon iconPencilSm" width="14" height="14" viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2v-1.88Z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0Z"/></svg> </div>
2378 <div class="flex--item wmn0 ow-break-word">
2379 <a href="https://stackoverflow.blog/2023/08/15/want-better-answers-from-your-data-ask-better-questions/" class="js-gps-track" data-ga="["community bulletin board","The Overflow Blog","https://stackoverflow.blog/2023/08/15/want-better-answers-from-your-data-ask-better-questions/",null,null]" data-gps-track="communitybulletin.click({ priority: 1, position: 0 })">Want better answers from your data? Ask better questions</a>
2380 </div>
2381 </li>
2382 <li class="s-sidebarwidget--item d-flex px16">
2383 <div class="flex--item1 fl-shrink0">
2384 <svg aria-hidden="true" class="va-text-top svg-icon iconPencilSm" width="14" height="14" viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2v-1.88Z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0Z"/></svg> </div>
2385 <div class="flex--item wmn0 ow-break-word">
2386 <a href="https://stackoverflow.blog/2023/08/16/making-event-driven-development-predictable-with-discover/" class="js-gps-track" data-ga="["community bulletin board","The Overflow Blog","https://stackoverflow.blog/2023/08/16/making-event-driven-development-predictable-with-discover/",null,null]" data-gps-track="communitybulletin.click({ priority: 1, position: 1 })">Making event-driven development predictable with Discover</a>
2387 <div class="fc-light fs-italic">sponsored post</div>
2388 </div>
2389 </li>
2390 <li class="s-sidebarwidget--header s-sidebarwidget__small-bold-text d-flex fc-black-600 d:fc-black-900 bb bbw1">
2391 Featured on Meta
2392 </li>
2393 <li class="s-sidebarwidget--item d-flex px16">
2394 <div class="flex--item1 fl-shrink0">
2395 <div class="favicon favicon-stackexchangemeta" title="Meta Stack Exchange"></div> </div>
2396 <div class="flex--item wmn0 ow-break-word">
2397 <a href="https://meta.stackexchange.com/questions/391847/moderation-strike-results-of-negotiations" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackexchange.com/questions/391847/moderation-strike-results-of-negotiations",null,null]" data-gps-track="communitybulletin.click({ priority: 3, position: 2 })">Moderation strike: Results of negotiations</a>
2398 </div>
2399 </li>
2400 <li class="s-sidebarwidget--item d-flex px16">
2401 <div class="flex--item1 fl-shrink0">
2402 <div class="favicon favicon-stackexchangemeta" title="Meta Stack Exchange"></div> </div>
2403 <div class="flex--item wmn0 ow-break-word">
2404 <a href="https://meta.stackexchange.com/questions/392048/our-design-vision-for-stack-overflow-and-the-stack-exchange-network" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackexchange.com/questions/392048/our-design-vision-for-stack-overflow-and-the-stack-exchange-network",null,null]" data-gps-track="communitybulletin.click({ priority: 3, position: 3 })">Our Design Vision for Stack Overflow and the Stack Exchange network</a>
2405 </div>
2406 </li>
2407 <li class="s-sidebarwidget--item d-flex px16">
2408 <div class="flex--item1 fl-shrink0">
2409 <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div>
2410 <div class="flex--item wmn0 ow-break-word">
2411 <a href="https://meta.stackoverflow.com/questions/421831/temporary-policy-generative-ai-e-g-chatgpt-is-banned" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/421831/temporary-policy-generative-ai-e-g-chatgpt-is-banned",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 4 })">Temporary policy: Generative AI (e.g., ChatGPT) is banned</a>
2412 </div>
2413 </li>
2414 <li class="s-sidebarwidget--item d-flex px16">
2415 <div class="flex--item1 fl-shrink0">
2416 <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div>
2417 <div class="flex--item wmn0 ow-break-word">
2418 <a href="https://meta.stackoverflow.com/questions/425872/collections-a-new-feature-for-collectives-on-stack-overflow" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/425872/collections-a-new-feature-for-collectives-on-stack-overflow",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 5 })">Collections: A New Feature for Collectives on Stack Overflow</a>
2419 </div>
2420 </li>
2421 <li class="s-sidebarwidget--item d-flex px16">
2422 <div class="flex--item1 fl-shrink0">
2423 <div class="favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div> </div>
2424 <div class="flex--item wmn0 ow-break-word">
2425 <a href="https://meta.stackoverflow.com/questions/426036/call-for-volunteer-reviewers-for-an-updated-search-experience-overflowai-search" class="js-gps-track" data-ga="["community bulletin board","Featured on Meta","https://meta.stackoverflow.com/questions/426036/call-for-volunteer-reviewers-for-an-updated-search-experience-overflowai-search",null,null]" data-gps-track="communitybulletin.click({ priority: 6, position: 6 })">Call for volunteer reviewers for an updated search experience: OverflowAI Search</a>
2426 </div>
2427 </li>
2428 </ul>
2429 </div>
2430
2431
2432 <div class="js-zone-container zone-container-sidebar">
2433 <div id="dfp-tsb" class="everyonelovesstackoverflow everyoneloves__top-sidebar"></div>
2434 <div class="js-report-ad-button-container " style="width: 300px"></div>
2435 </div>
2436 <div class="js-zone-container zone-container-sidebar">
2437 <div id="dfp-msb" class="everyonelovesstackoverflow everyoneloves__mid-sidebar"></div>
2438 <div class="js-report-ad-button-container " style="width: 300px"></div>
2439 </div>
2440 <div id="hireme"></div>
2441 <div class="s-sidebarwidget mb16 module">
2442 <div class="s-sidebarwidget--header d-flex ai-center">
2443 <a href="https://chat.stackoverflow.com/" class="js-chat-ad-link">Visit chat</a>
2444 </div>
2445 <div class="s-sidebarwidget--content s-sidebarwidget__items d-none js-chat-ad-rooms"></div>
2446 </div>
2447
2448
2449 <script>
2450 // <!--
2451 StackExchange.ready(function () {
2452 var options = {
2453 chatUrl: 'https://chat.stackoverflow.com/',
2454 reloadUrl: '/api/recent-chat',
2455 preloadedData: null,
2456 tagBased: true,
2457 };
2458
2459 StackExchange.chatAd.init(options);
2460 });
2461 // -->
2462 </script>
2463
2464 <div class="module sidebar-linked">
2465 <h4 id="h-linked">Linked</h4>
2466 <div class="linked" data-tracker="lq=1">
2467 <div class="spacer js-gps-track" data-gps-track="linkedquestion.click({ source_post_id: 41482348, target_question_id: 802854, position: 0 })">
2468 <a href="/q/802854" title="Question score (upvotes - downvotes)">
2469 <div class="answer-votes answered-accepted large">393</div>
2470 </a>
2471 <a href="/questions/802854/why-is-document-write-considered-a-bad-practice?noredirect=1" class="question-hyperlink">Why is document.write considered a "bad practice"?</a>
2472 </div>
2473 </div>
2474 </div>
2475
2476
2477
2478
2479
2480 <div class="module sidebar-related">
2481 <h4 id="h-related">Related</h4>
2482 <div class="related js-gps-related-questions" data-tracker="rq=3">
2483 <div class="spacer" data-question-id="4533223">
2484 <a href="/q/4533223" title="Question score (upvotes - downvotes)" >
2485 <div class="answer-votes answered-accepted default">0</div>
2486 </a>
2487 <a href="/questions/4533223/basic-javascript-program" class="question-hyperlink">Basic JavaScript program</a>
2488 </div>
2489 <div class="spacer" data-question-id="5847880">
2490 <a href="/q/5847880" title="Question score (upvotes - downvotes)" >
2491 <div class="answer-votes default">1</div>
2492 </a>
2493 <a href="/questions/5847880/help-with-javascript-program-i-am-working-on" class="question-hyperlink">Help with Javascript program I am Working on</a>
2494 </div>
2495 <div class="spacer" data-question-id="6163260">
2496 <a href="/q/6163260" title="Question score (upvotes - downvotes)" >
2497 <div class="answer-votes answered-accepted default">0</div>
2498 </a>
2499 <a href="/questions/6163260/javascript-for-beginners" class="question-hyperlink">javascript for beginners</a>
2500 </div>
2501 <div class="spacer" data-question-id="10506077">
2502 <a href="/q/10506077" title="Question score (upvotes - downvotes)" >
2503 <div class="answer-votes answered-accepted default">0</div>
2504 </a>
2505 <a href="/questions/10506077/simple-game-development" class="question-hyperlink">Simple game development</a>
2506 </div>
2507 <div class="spacer" data-question-id="23403288">
2508 <a href="/q/23403288" title="Question score (upvotes - downvotes)" >
2509 <div class="answer-votes answered-accepted default">0</div>
2510 </a>
2511 <a href="/questions/23403288/a-simple-unobtrusive-javascript-example" class="question-hyperlink">A simple Unobtrusive JavaScript example</a>
2512 </div>
2513 <div class="spacer" data-question-id="32344148">
2514 <a href="/q/32344148" title="Question score (upvotes - downvotes)" >
2515 <div class="answer-votes answered-accepted default">0</div>
2516 </a>
2517 <a href="/questions/32344148/basic-program-of-html-and-javascript" class="question-hyperlink">basic program of Html and javascript</a>
2518 </div>
2519 <div class="spacer" data-question-id="37796901">
2520 <a href="/q/37796901" title="Question score (upvotes - downvotes)" >
2521 <div class="answer-votes answered-accepted default">1</div>
2522 </a>
2523 <a href="/questions/37796901/simple-javascript-program" class="question-hyperlink">Simple JavaScript program</a>
2524 </div>
2525 <div class="spacer" data-question-id="40401270">
2526 <a href="/q/40401270" title="Question score (upvotes - downvotes)" >
2527 <div class="answer-votes default">1</div>
2528 </a>
2529 <a href="/questions/40401270/having-problems-creating-a-program-with-javascript-and-html" class="question-hyperlink">Having problems creating a program with javascript and html</a>
2530 </div>
2531 <div class="spacer" data-question-id="43828284">
2532 <a href="/q/43828284" title="Question score (upvotes - downvotes)" >
2533 <div class="answer-votes default">0</div>
2534 </a>
2535 <a href="/questions/43828284/simple-javascript-with-beginner" class="question-hyperlink">simple javascript with beginner</a>
2536 </div>
2537 <div class="spacer" data-question-id="46757641">
2538 <a href="/q/46757641" title="Question score (upvotes - downvotes)" >
2539 <div class="answer-votes default">1</div>
2540 </a>
2541 <a href="/questions/46757641/beginner-javascript-into-html" class="question-hyperlink">Beginner JavaScript into HTML</a>
2542 </div>
2543 </div>
2544 </div>
2545 <script type="text/javascript">
2546 $(document).ready(function() {
2547 $(".js-gps-related-questions .spacer").click(function () {
2548 fireRelatedEvent($(this).index() + 1, $(this).data('question-id'));
2549 });
2550
2551 function fireRelatedEvent(position, questionId) {
2552 StackExchange.using("gps", function() {
2553 StackExchange.gps.track('related_questions.click',
2554 {
2555 position: position,
2556 originQuestionId: 41482348,
2557 relatedQuestionId: +questionId,
2558 location: 'sidebar',
2559 source: 'Baseline'
2560 });
2561 });
2562 }
2563 });
2564 </script>
2565
2566
2567
2568 <div id="hot-network-questions" class="module tex2jax_ignore">
2569 <h4>
2570 <a href="https://stackexchange.com/questions?tab=hot"
2571 class="js-gps-track s-link s-link__inherit"
2572 data-gps-track="posts_hot_network.click({ item_type:1, location:11 })">
2573 Hot Network Questions
2574 </a>
2575 </h4>
2576 <ul>
2577 <li >
2578 <div class="favicon favicon-puzzling" title="Puzzling Stack Exchange"></div><a href="https://puzzling.stackexchange.com/questions/121964/are-there-always-2-teams-such-that-they-have-together-defeated-every-other-team" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:559 }); posts_hot_network.click({ item_type:2, location:11 })">
2579 Are there always 2 teams such that they have together defeated every other team
2580 </a>
2581
2582 </li>
2583 <li >
2584 <div class="favicon favicon-bricks" title="Bricks"></div><a href="https://bricks.stackexchange.com/questions/18188/how-can-i-motorize-the-hogwarts-express-76423" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:336 }); posts_hot_network.click({ item_type:2, location:11 })">
2585 How can I motorize the Hogwarts Express (76423)
2586 </a>
2587
2588 </li>
2589 <li >
2590 <div class="favicon favicon-diy" title="Home Improvement Stack Exchange"></div><a href="https://diy.stackexchange.com/questions/279279/how-can-i-install-a-garage-door-on-a-carport-that-was-not-originally-designed-to" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:73 }); posts_hot_network.click({ item_type:2, location:11 })">
2591 How can I install a garage door on a carport that was not originally designed to have a door?
2592 </a>
2593
2594 </li>
2595 <li >
2596 <div class="favicon favicon-langdev" title="Programming Language Design and Implementation Stack Exchange"></div><a href="https://langdev.stackexchange.com/questions/2743/language-features-for-making-code-easier-to-unit-test" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:716 }); posts_hot_network.click({ item_type:2, location:11 })">
2597 Language features for making code easier to unit test
2598 </a>
2599
2600 </li>
2601 <li >
2602 <div class="favicon favicon-german" title="German Language Stack Exchange"></div><a href="https://german.stackexchange.com/questions/74903/genitive-case-usage-without-articles" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:253 }); posts_hot_network.click({ item_type:2, location:11 })">
2603 Genitive case usage without articles
2604 </a>
2605
2606 </li>
2607 <li class="dno js-hidden">
2608 <div class="favicon favicon-chess" title="Chess Stack Exchange"></div><a href="https://chess.stackexchange.com/questions/42725/wrong-chess-calculation" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:435 }); posts_hot_network.click({ item_type:2, location:11 })">
2609 Wrong chess calculation
2610 </a>
2611
2612 </li>
2613 <li class="dno js-hidden">
2614 <div class="favicon favicon-diy" title="Home Improvement Stack Exchange"></div><a href="https://diy.stackexchange.com/questions/279386/can-i-use-a-50amp-wire-for-a-new-dryer" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:73 }); posts_hot_network.click({ item_type:2, location:11 })">
2615 Can I use a 50amp wire for a new dryer?
2616 </a>
2617
2618 </li>
2619 <li class="dno js-hidden">
2620 <div class="favicon favicon-rpg" title="Role-playing Games Stack Exchange"></div><a href="https://rpg.stackexchange.com/questions/207759/how-much-should-pcs-weigh" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:122 }); posts_hot_network.click({ item_type:2, location:11 })">
2621 How much should PCs weigh?
2622 </a>
2623
2624 </li>
2625 <li class="dno js-hidden">
2626 <div class="favicon favicon-scifi" title="Science Fiction & Fantasy Stack Exchange"></div><a href="https://scifi.stackexchange.com/questions/278190/why-did-snape-tell-bellatrix-about-dumbledore-knowing-he-was-returning-to-the-da" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:186 }); posts_hot_network.click({ item_type:2, location:11 })">
2627 Why did Snape tell Bellatrix about Dumbledore knowing he was returning to the Dark Lord?
2628 </a>
2629
2630 </li>
2631 <li class="dno js-hidden">
2632 <div class="favicon favicon-academia" title="Academia Stack Exchange"></div><a href="https://academia.stackexchange.com/questions/200656/my-advisor-stopped-formalizing-my-work-what-should-i-do-now" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:415 }); posts_hot_network.click({ item_type:2, location:11 })">
2633 My advisor stopped formalizing my work, what should I do now?
2634 </a>
2635
2636 </li>
2637 <li class="dno js-hidden">
2638 <div class="favicon favicon-puzzling" title="Puzzling Stack Exchange"></div><a href="https://puzzling.stackexchange.com/questions/121973/a-string-of-letters-m-i" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:559 }); posts_hot_network.click({ item_type:2, location:11 })">
2639 A string of letters (M-I)
2640 </a>
2641
2642 </li>
2643 <li class="dno js-hidden">
2644 <div class="favicon favicon-ell" title="English Language Learners Stack Exchange"></div><a href="https://ell.stackexchange.com/questions/340151/why-is-it-correct-to-say-is-situated-in-a-suburb-instead-of-is-built-in" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:481 }); posts_hot_network.click({ item_type:2, location:11 })">
2645 Why is it correct to say "...is situated in a suburb" instead of "...is built in a suburb"?
2646 </a>
2647
2648 </li>
2649 <li class="dno js-hidden">
2650 <div class="favicon favicon-music" title="Music: Practice & Theory Stack Exchange"></div><a href="https://music.stackexchange.com/questions/131369/can-multiple-instruments-make-a-chord" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:240 }); posts_hot_network.click({ item_type:2, location:11 })">
2651 Can multiple instruments make a chord?
2652 </a>
2653
2654 </li>
2655 <li class="dno js-hidden">
2656 <div class="favicon favicon-electronics" title="Electrical Engineering Stack Exchange"></div><a href="https://electronics.stackexchange.com/questions/677855/should-i-be-skeptical-of-a-component-when-its-datasheet-specifies-a-specific-typ" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:135 }); posts_hot_network.click({ item_type:2, location:11 })">
2657 Should I be skeptical of a component when its datasheet specifies a specific type of capacitor?
2658 </a>
2659
2660 </li>
2661 <li class="dno js-hidden">
2662 <div class="favicon favicon-puzzling" title="Puzzling Stack Exchange"></div><a href="https://puzzling.stackexchange.com/questions/121982/cryptic-jigsaw-crossword-puzzle" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:559 }); posts_hot_network.click({ item_type:2, location:11 })">
2663 Cryptic jigsaw crossword puzzle
2664 </a>
2665
2666 </li>
2667 <li class="dno js-hidden">
2668 <div class="favicon favicon-law" title="Law Stack Exchange"></div><a href="https://law.stackexchange.com/questions/94775/do-jurors-have-an-absolute-right-to-acquit-a-defendant-according-to-their-consci" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:617 }); posts_hot_network.click({ item_type:2, location:11 })">
2669 Do jurors have an absolute right to acquit a defendant according to their conscience?
2670 </a>
2671
2672 </li>
2673 <li class="dno js-hidden">
2674 <div class="favicon favicon-money" title="Personal Finance & Money Stack Exchange"></div><a href="https://money.stackexchange.com/questions/158006/making-separate-individual-estimated-tax-payments-when-married-filing-jointly" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:93 }); posts_hot_network.click({ item_type:2, location:11 })">
2675 Making separate individual estimated tax payments when married filing jointly
2676 </a>
2677
2678 </li>
2679 <li class="dno js-hidden">
2680 <div class="favicon favicon-physics" title="Physics Stack Exchange"></div><a href="https://physics.stackexchange.com/questions/776411/confusion-in-derivation-of-euler-lagrange-equations" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:151 }); posts_hot_network.click({ item_type:2, location:11 })">
2681 Confusion in derivation of Euler-Lagrange equations
2682 </a>
2683
2684 </li>
2685 <li class="dno js-hidden">
2686 <div class="favicon favicon-mathoverflow" title="MathOverflow"></div><a href="https://mathoverflow.net/questions/452895/how-many-functions-are-there-from-a-set-to-itself-up-to-isomorphism" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:504 }); posts_hot_network.click({ item_type:2, location:11 })">
2687 How many functions are there from a set to itself, up to isomorphism?
2688 </a>
2689
2690 </li>
2691 <li class="dno js-hidden">
2692 <div class="favicon favicon-rpg" title="Role-playing Games Stack Exchange"></div><a href="https://rpg.stackexchange.com/questions/207788/can-i-use-performance-of-creation-to-provide-the-100gp-gem-for-a-homunculus-serv" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:122 }); posts_hot_network.click({ item_type:2, location:11 })">
2693 Can I use Performance of Creation to provide the 100gp gem for a homunculus servant?
2694 </a>
2695
2696 </li>
2697 <li class="dno js-hidden">
2698 <div class="favicon favicon-travel" title="Travel Stack Exchange"></div><a href="https://travel.stackexchange.com/questions/182976/tax-refund-rules-in-the-uk-london-after-brexit" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:273 }); posts_hot_network.click({ item_type:2, location:11 })">
2699 Tax refund rules in the UK (London) after Brexit
2700 </a>
2701
2702 </li>
2703 <li class="dno js-hidden">
2704 <div class="favicon favicon-blender" title="Blender Stack Exchange"></div><a href="https://blender.stackexchange.com/questions/299227/what-is-the-difference-between-blender-version-x-y-0-and-x-y-1" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:502 }); posts_hot_network.click({ item_type:2, location:11 })">
2705 What is the difference between Blender Version X.Y.0 and X.Y.1?
2706 </a>
2707
2708 </li>
2709 <li class="dno js-hidden">
2710 <div class="favicon favicon-scifi" title="Science Fiction & Fantasy Stack Exchange"></div><a href="https://scifi.stackexchange.com/questions/278220/anime-with-a-boy-who-shatters-everything-he-touches" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:186 }); posts_hot_network.click({ item_type:2, location:11 })">
2711 Anime with a boy who shatters everything he touches
2712 </a>
2713
2714 </li>
2715 <li class="dno js-hidden">
2716 <div class="favicon favicon-bicycles" title="Bicycles Stack Exchange"></div><a href="https://bicycles.stackexchange.com/questions/90131/how-can-i-alleviate-sore-hands-when-riding-a-rigid-mountain-bike" class="js-gps-track question-hyperlink mb0" data-gps-track="site.switch({ item_type:11, target_site:126 }); posts_hot_network.click({ item_type:2, location:11 })">
2717 How can I alleviate sore hands when riding a rigid mountain bike?
2718 </a>
2719
2720 </li>
2721 </ul>
2722
2723 <a href="#"
2724 class="show-more js-show-more js-gps-track"
2725 data-gps-track="posts_hot_network.click({ item_type:3, location:11 })">
2726 more hot questions
2727 </a>
2728 </div>
2729
2730 <div id="feed-link" class="js-feed-link">
2731 <a href="/feeds/question/41482348" title="Feed of this question and its answers">
2732 <svg aria-hidden="true" class="fc-orange-400 svg-icon iconRss" width="18" height="18" viewBox="0 0 18 18"><path d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm0 1.5c6.9 0 12.5 5.6 12.5 12.5H13C13 9.55 8.45 5 3 5V2.5Zm0 5c4.08 0 7.5 3.41 7.5 7.5H8c0-2.72-2.28-5-5-5V7.5Zm0 5c1.36 0 2.5 1.14 2.5 2.5H3v-2.5Z"/></svg>
2733 Question feed
2734 </a>
2735 </div>
2736 <aside class="s-modal js-feed-link-modal" tabindex="-1" role="dialog" aria-labelledby="feed-modal-title" aria-describedby="feed-modal-description" aria-hidden="true">
2737 <div class="s-modal--dialog js-modal-dialog wmx4" role="document" data-controller="se-draggable">
2738 <h1 class="s-modal--header fw-bold js-first-tabbable" id="feed-modal-title" data-se-draggable-target="handle" tabindex="0">
2739 Subscribe to RSS
2740 </h1>
2741 <div class="d-flex gs4 gsy fd-column">
2742 <div class="flex--item">
2743 <label class="d-block s-label c-default" for="feed-url">
2744 Question feed
2745 <p class="s-description mt2" id="feed-modal-description">To subscribe to this RSS feed, copy and paste this URL into your RSS reader.</p>
2746 </label>
2747 </div>
2748 <div class="d-flex ps-relative">
2749 <input class="s-input" type="text" name="feed-url" id="feed-url" readonly="readonly" value="https://stackoverflow.com/feeds/question/41482348" />
2750 <svg aria-hidden="true" class="s-input-icon fc-orange-400 svg-icon iconRss" width="18" height="18" viewBox="0 0 18 18"><path d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm0 1.5c6.9 0 12.5 5.6 12.5 12.5H13C13 9.55 8.45 5 3 5V2.5Zm0 5c4.08 0 7.5 3.41 7.5 7.5H8c0-2.72-2.28-5-5-5V7.5Zm0 5c1.36 0 2.5 1.14 2.5 2.5H3v-2.5Z"/></svg>
2751 </div>
2752 </div>
2753 <a class="s-modal--close s-btn s-btn__muted js-modal-close js-last-tabbable" href="#" aria-label="Close">
2754 <svg aria-hidden="true" class="svg-icon iconClearSm" width="14" height="14" viewBox="0 0 14 14"><path d="M12 3.41 10.59 2 7 5.59 3.41 2 2 3.41 5.59 7 2 10.59 3.41 12 7 8.41 10.59 12 12 10.59 8.41 7 12 3.41Z"/></svg>
2755 </a>
2756 </div>
2757 </aside>
2758
2759 </div>
2760
2761 </div>
2762 <script>StackExchange.ready(function(){$.get('/posts/41482348/ivc/27e8?prg=8e91a7cd-95e2-47f2-9d40-24a1ba7ab38b');});</script>
2763 <noscript><div><img src="/posts/41482348/ivc/27e8?prg=8e91a7cd-95e2-47f2-9d40-24a1ba7ab38b" class="dno" alt="" width="0" height="0"></div></noscript><div style="display:none" id="js-codeblock-lang">default</div></div>
2764
2765
2766
2767 </div>
2768 </div>
2769
2770
2771 <script type="text/javascript">
2772 var cam = cam || { opt: {} };
2773 var clcGamLoaderOptions = cam || { opt: {} };
2774 var opt = clcGamLoaderOptions.opt;
2775
2776 opt.omni = 'BwoLCNDDloyR0o88EAUY7PDjEyACKAI6GHxqYXZhc2NyaXB0fGpxdWVyeXxodG1sfEgAMBb83EovSqng7w';
2777 opt.refresh = !1;
2778 opt.refreshInterval = 90;
2779 opt.sf = !0;
2780 opt.hb = !1;
2781 opt.ll = !0;
2782 opt.tlb_position = 0;
2783 opt.personalization_consent = !1;
2784 opt.targeting_consent = !1;
2785 opt.performance_consent = !1;
2786
2787 opt.targeting = {Registered:['false'],'so-tag':['javascript','jquery','html'],'tag-reportable':['javascript','jquery','html'],NumberOfAnswers:['5']};
2788 opt.adReportEnabled = !0;
2789 opt.adReportUrl = '/ads/report-ad';
2790 opt.adReportText = 'Report this ad';
2791 opt.adReportFileTypeErrorMessage = 'Please select a PNG or JPG file.';
2792 opt.adReportFileSizeErrorMessage = 'The file must be under 2 MiB.';
2793 opt.adReportErrorText = 'Error uploading ad report.';
2794 opt.adReportThanksText = 'Thanks for your feedback. We’ll review this against our code of conduct and take action if necessary.';
2795 opt.adReportLoginExpiredMessage = 'Your login session has expired, please login and try again.';
2796 opt.adReportLoginErrorMessage = 'An error occurred when loading the report form - please try again';
2797 opt.adReportModalClass = 'js-ad-report';
2798
2799 opt.requestGuid = '8e91a7cd-95e2-47f2-9d40-24a1ba7ab38b';
2800
2801
2802 opt.targeting.TargetingConsent = ['False_Passive'];
2803
2804 const urlParams = new URLSearchParams(window.location.search);
2805 if (urlParams.has('dfptestads')) {
2806 const dfptestads = urlParams.get('dfptestads');
2807 opt.targeting.DfpTestAds = dfptestads;
2808 }
2809 </script>
2810 <script>;(()=>{"use strict";var __webpack_modules__={23:(e,t,o)=>{o.d(t,{Z7:()=>d,eq:()=>r,kG:()=>n});const s=/^\/tags\//.test(location.pathname)||/^\/questions\/tagged\//.test(location.pathname)?"tag-pages":/^\/$/.test(location.pathname)||/^\/home/.test(location.pathname)?"home-page":"question-pages";let i=location.hostname;const a={slots:{lb:[[728,90]],mlb:[[728,90]],smlb:[[728,90]],bmlb:[[728,90]],sb:e=>"dfp-tsb"===e?[[300,250],[300,600]]:[[300,250]],"tag-sponsorship":[[730,135]],"mobile-below-question":[[320,50],[300,250]],msb:[[300,250],[300,600]],"talent-conversion-tracking":[[1,1]],"site-sponsorship":[[230,60]]},ids:{"dfp-tlb":"lb","dfp-mlb":"mlb","dfp-smlb":"smlb","dfp-bmlb":"bmlb","dfp-tsb":"sb","dfp-isb":"sb","dfp-tag":"tag-sponsorship","dfp-msb":"msb","dfp-sspon":"site-sponsorship","dfp-m-aq":"mobile-below-question"},idsToExcludeFromAdReports:["dfp-sspon"]};function n(){return Object.keys(a.ids)}function r(e){return a.idsToExcludeFromAdReports.indexOf(e)<0}function d(e){var t=e.split("_")[0];const o=a.ids[t];let n=a.slots[o];return"function"==typeof n&&(n=n(t)),{path:`/248424177/${i}/${o}/${s}`,sizes:n,zone:o}}},865:(e,t,o)=>{function s(e){return"string"==typeof e?document.getElementById(e):e}function i(e){return!!(e=s(e))&&"none"===getComputedStyle(e).display}function a(e){return!i(e)}function n(e){return!!e}function r(e){return/^\s*$/.test(s(e).innerHTML)}function d(e){const{style:t}=e;t.height=t.maxHeight=t.minHeight="auto",t.display="none"}function l(e){const{style:t}=e;t.height=t.maxHeight=t.minHeight="auto",t.display="none",[].forEach.call(e.children,l)}function c(e){const{style:t}=e;t.height=t.maxHeight=t.minHeight="auto",t.removeProperty("display")}function p(e){const t=document.createElement("script");t.src=e,document.body.appendChild(t)}function g(e){return o=e,(t=[]).push=function(e){return o(),delete this.push,this.push(e)},t;var t,o}function h(e){let t="function"==typeof HTMLTemplateElement;var o=document.createElement(t?"template":"div");return e=e.trim(),o.innerHTML=e,t?o.content.firstChild:o.firstChild}o.d(t,{$Z:()=>c,Bv:()=>h,Gx:()=>p,Nj:()=>s,QZ:()=>g,cf:()=>d,pn:()=>a,wo:()=>l,xb:()=>r,xj:()=>i,yb:()=>n})},763:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>AdReports});var _common_helper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(865),_console__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(276),_ad_units__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(23);class AdReports{constructor(e,t){if(this.googletag=e,this.cam=t,this.allowedFileTypes=["image/png","image/jpg","image/jpeg"],this.ignoreValidation=!1,_console__WEBPACK_IMPORTED_MODULE_1__.cM("Ad reporting init"),this.cam=t,this.callOnButtonClick=e=>this.onButtonClick(e),this.googletag.pubads().addEventListener("slotRenderEnded",e=>this.handleSlotRendered(e)),Array.isArray(t.slotsRenderedEvents)){_console__WEBPACK_IMPORTED_MODULE_1__.cM("Adding report button to "+t.slotsRenderedEvents.length+" events that have transpired");for(var o=0;o<t.slotsRenderedEvents.length;o++)this.handleSlotRendered(t.slotsRenderedEvents[o])}}handleSlotRendered(e){if(e&&e.slot&&!e.isEmpty&&(e.creativeId||e.lineItemId||!e.isEmpty)){var t=e.slot.getSlotElementId();if(t){var o=document.getElementById(t);if(o)if((0,_ad_units__WEBPACK_IMPORTED_MODULE_0__.eq)(t)){var s=o?.closest(".js-zone-container")?.querySelector(".js-report-ad-button-container");s.innerHTML="",s.append(this.createButton(e)),s.style.height="24px",_console__WEBPACK_IMPORTED_MODULE_1__.cM("Added report button to the bottom of "+t)}else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of "+t+": shouldHaveReportButton = false");else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of "+t+": resolved invalid adUnit element")}else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of element: invalid adUnitElementId")}else _console__WEBPACK_IMPORTED_MODULE_1__.cM("Not adding report button to the bottom of element: invalid SlotRenderEndedEvent")}async onButtonClick(e){e.preventDefault();let t=e.target;const o=t.dataset.modalUrl,s=t.dataset.googleEventData;return await this.loadModal(o,t,s),!1}createButton(e){let t=document.createElement("button");var o=JSON.stringify(e);return t.dataset.googleEventData=o,t.dataset.modalUrl=this.cam.opt.adReportUrl,t.dataset.adUnit=e.slot.getSlotElementId(),t.classList.add("js-report-ad","s-btn","s-btn__link","fs-fine","mt2","float-right"),t.append(document.createTextNode(this.cam.opt.adReportText)),t.removeEventListener("click",this.callOnButtonClick),t.addEventListener("click",this.callOnButtonClick),t}async loadModal(url,$link,googleEventData){try{await window.StackExchange.helpers.loadModal(url,{returnElements:window.$($link)}),this.initForm(googleEventData)}catch(e){var message="",response=e.responseText?eval(`(${e.responseText})`):null;message=response&&response.isLoggedOut?this.cam.opt.adReportLoginExpiredMessage:this.cam.opt.adReportLoginErrorMessage,window.StackExchange.helpers.showToast(message,{type:"danger"})}}removeModal(){window.StackExchange.helpers.closePopups(document.querySelectorAll("."+this.cam.opt.adReportModalClass),"dismiss")}initForm(e,t=!1){this.ignoreValidation=t,this.$form=document.querySelector(".js-ad-report-form"),this.$googleEventData=this.$form.querySelector(".js-json-data"),this.$adReportReasons=this.$form.querySelectorAll(".js-ad-report-reason"),this.$adReportReasonOther=this.$form.querySelector(".js-ad-report-reason-other"),this.$fileUploaderInput=this.$form.querySelector(".js-file-uploader-input"),this.$imageUploader=this.$form.querySelector(".js-image-uploader"),this.$clearImageUpload=this.$form.querySelector(".js-clear-image-upload"),this.$imageUploaderText=this.$form.querySelector(".js-image-uploader-text"),this.$imageUploaderPreview=this.$form.querySelector(".js-image-uploader-preview"),this.$fileErrorMessage=this.$form.querySelector(".js-file-error");const o=this.$form.querySelector(".js-drag-drop-enabled"),s=this.$form.querySelector(".js-drag-drop-disabled");this.$googleEventData.value=e,this.$adReportReasons.forEach((e,t)=>e.addEventListener("change",e=>{this.$adReportReasonOther.classList.toggle("d-none","3"!==e.target.value)})),this.$fileUploaderInput.addEventListener("change",()=>{this.validateFileInput()&&this.updateImagePreview(this.$fileUploaderInput.files)}),this.$clearImageUpload.addEventListener("click",e=>{e.preventDefault(),this.clearImageUpload()});try{this.$fileUploaderInput[0].value="",this.$imageUploader.addEventListener("dragenter dragover dragleave drop",this.preventDefaults),this.$imageUploader.addEventListener("dragenter dragover",this.handleDragStart),this.$imageUploader.addEventListener("dragleave drop",this.handleDragEnd),this.$imageUploader.addEventListener("drop",this.handleDrop)}catch(e){o.classList.add("d-none"),s.classList.remove("d-none")}this.$form.removeEventListener("",this.handleDragEnd),this.$form.addEventListener("submit",async e=>(e.preventDefault(),this.submitForm(),!1))}clearImageUpload(){this.$fileUploaderInput.value="",this.$imageUploaderPreview.setAttribute("src",""),this.$imageUploaderPreview.classList.add("d-none"),this.$clearImageUpload.classList.add("d-none"),this.$imageUploaderText.classList.remove("d-none"),this.$imageUploader.classList.add("p16","ba","bas-dashed","bc-black-100")}preventDefaults(e){e.preventDefault(),e.stopPropagation()}handleDragStart(e){this.$imageUploader.classList.remove("bas-dashed"),this.$imageUploader.classList.add("bas-solid","bc-black-100")}handleDragEnd(e){this.$imageUploader.classList.remove("bas-solid","bc-black-100"),this.$imageUploader.classList.add("bas-dashed")}handleDrop(e){var t=e.originalEvent.dataTransfer.files;FileReader&&t&&1===t.length&&(this.$fileUploaderInput.files=t,this.validateFileInput()&&this.updateImagePreview(t))}setError(e){this.$fileErrorMessage.parentElement.classList.toggle("has-error",e)}updateImagePreview(e){this.$imageUploader.classList.remove("p16","ba","bas-dashed","bc-black-100"),this.$clearImageUpload.classList.remove("d-none"),this.$imageUploaderText.classList.add("d-none");var t=new FileReader;t.onload=e=>{null!=e.target&&(this.$imageUploaderPreview.setAttribute("src",e.target.result),this.$imageUploaderPreview.classList.remove("d-none"))},t.readAsDataURL(e[0])}validateFileInput(){if(this.ignoreValidation)return!0;const e=this.cam.opt.adReportFileTypeErrorMessage,t=this.cam.opt.adReportFileSizeErrorMessage;if(null==this.$fileUploaderInput.files)return!1;var o=this.$fileUploaderInput.files[0];return null==o?(this.setError(!0),!1):this.allowedFileTypes.indexOf(o.type)<0?(this.$fileErrorMessage.textContent=e,this.$fileErrorMessage.classList.remove("d-none"),this.setError(!0),!1):o.size>2097152?(this.$fileErrorMessage.textContent=t,this.$fileErrorMessage.classList.remove("d-none"),this.setError(!0),!1):(this.$fileErrorMessage.classList.add("d-none"),this.setError(!1),!0)}async gatherDiagnosticInfo(){return{BrowserVersion:await this.getBrowserVersion()}}getElementSource(e){return e.outerHTML}getNestedIFrameElement(e){var t=e.querySelector("iframe");return t.contentDocument?t.contentDocument.documentElement:t.contentWindow.document.documentElement}async getBrowserVersion(){return await navigator.userAgentData.getHighEntropyValues(["fullVersionList"]).then(e=>JSON.stringify(e.fullVersionList))}async submitForm(){if(!this.validateFileInput())return!1;this.$form.querySelector("[type=submit]").setAttribute("disabled","true");var e=JSON.parse(this.$googleEventData.value||"{}");e.Reason=parseInt(this.$form.querySelector(".js-ad-report-reason:checked").value,10),e.Description=this.$adReportReasonOther.value,this.$googleEventData.value=JSON.stringify(e);var t=new FormData(this.$form);if("1"===t.get("shareDiagnosticInfo")){var o=await this.gatherDiagnosticInfo();Object.keys(o).forEach(e=>t.append(e,o[e]))}try{const e=await window.fetch(this.$form.getAttribute("action"),{method:this.$form.getAttribute("method"),body:t,cache:"no-cache"}),o=e.headers.get("content-type")||"",i=await e.text();if(!e.ok)throw new Error("response not valid");if(0===o.indexOf("text/html")){var s=(0,_common_helper__WEBPACK_IMPORTED_MODULE_2__.Bv)(i);const e=s?s.querySelector(".js-modal-content"):null;if(_console__WEBPACK_IMPORTED_MODULE_1__.cM("$popupContent"),_console__WEBPACK_IMPORTED_MODULE_1__.cM(e),!e)throw new Error(`Could not find .js-modal-content in response from ${this.$form.getAttribute("action")}`);document.querySelector(".js-modal-content").replaceWith(e)}else window.StackExchange.helpers.showToast(this.cam.opt.adReportThanksText,{type:"success"}),this.removeModal()}catch(e){window.StackExchange.helpers.showToast(this.cam.opt.adReportErrorText,{type:"danger"})}finally{let e=this.$form.querySelector("[type=submit]");e&&e.removeAttribute("disabled")}}}},276:(e,t,o)=>{function s(...e){}function i(...e){}o.d(t,{cM:()=>s,vU:()=>i})}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var o=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};(()=>{var e=__webpack_require__(276),t=(e=>(e[e.Above=0]="Above",e[e.Below=1]="Below",e))(t||{});const o=Object.assign({},{"lib":"https://cdn.sstatic.net/clc/js/bundles/gam_loader_script/gam_loader_script.bundle.741.2316c7770abf0e019f50.min.js","style":null,"u":null,"wa":true,"kt":2000,"tto":true,"h":"clc.stackoverflow.com","allowed":"^(((talent\\.)?stackoverflow)|(blog\\.codinghorror)|(.*\\.googlesyndication)|(serverfault|askubuntu)|([^\\.]+\\.stackexchange))\\.com$","wv":true,"al":false,"abd":true,"cpa_liid":[5882654614],"cpa_cid":[138377597667],"dp":false});var s=__webpack_require__(23),i=__webpack_require__(865),a=__webpack_require__(763);class n{constructor(t,o){this.googletag=t,this.interval=o,e.cM("Ad refresh init. interval: "+o),this.googletag.pubads().addEventListener("impressionViewable",e=>this.onImpressionViewable(e)),e.cM("done enabling ad refresh")}onImpressionViewable(t){var o=t.slot;e.cM("ad refresh - slot "+o.getSlotElementId()+" is viewable, initializing refresh"),this.scheduleRefresh(o)}scheduleRefresh(e){setTimeout(()=>this.refreshAdSlot(e),1e3*this.interval)}refreshAdSlot(t){var o=t.getSlotElementId();this.isElementVisibleInBrowser(o)?(e.cM("refreshing ad slot "+o),googletag.pubads().refresh([t])):(e.cM("refresh skipped this time; ad slot not viewable:"+o),this.scheduleRefresh(t))}isElementVisibleInBrowser(e){var t=document.getElementById(e);if(null!==t){var o=t.getBoundingClientRect();if(o.top>=0&&o.left>=0&&o.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&o.right<=(window.innerWidth||document.documentElement.clientWidth))return!0}return!1}}var r=(e=>(e.Off="Off",e.PreSurvey="PreSurvey",e.Collect="Collect",e.PostSurvey="PostSurvey",e))(r||{});class d{constructor(t,o){this.googletag=t,this.brandSettings=o,this.brandSlotMap=new Map,e.cM("Brand Uplift Survey init: "+JSON.stringify(o)),this.googletag.pubads().addEventListener("slotRenderEnded",e=>this.handleSlotRendered(e)),this.googletag.pubads().addEventListener("impressionViewable",e=>this.onImpressionViewable(e)),e.cM("done enabling brand uplift survey")}handleSlotRendered(t){e.cM("Brand Uplift - slot rendered - slot:"+JSON.stringify(t.slot.getSlotElementId())+" lineItem: "+t.lineItemId);let o=this.findItemWithId(t.lineItemId);if(null===o||o.mode!==r.Collect)this.brandSlotMap.delete(t.slot.getSlotElementId());else{let e={brandId:o.brandId,lineItemId:t.lineItemId};this.brandSlotMap.set(t.slot.getSlotElementId(),e)}}onImpressionViewable(t){let o=t.slot;if(e.cM("ad - brand uplift survey - impression viewable. Details: "+JSON.stringify(o.getSlotElementId())),e.cM("ad - brand uplift survey - slot "+o.getSlotElementId()+" is viewable"),this.brandSlotMap.has(o.getSlotElementId())){let t=this.brandSlotMap.get(o.getSlotElementId());e.cM("brand uplift survey - brand "+t.brandId+" is viewable"),this.recordImpression(this.brandSlotMap.get(o.getSlotElementId()))}}recordImpression(t){e.cM("ad - brand uplift survey - recording impression for brand "+t.brandId),this.asynchronouslyCallRecordImpressionRoute(t)}findItemWithId(t){return e.cM("brand settings: "+JSON.stringify(this.brandSettings)),this.brandSettings.find(e=>e.lineItemIds.includes(t))||null}asynchronouslyCallRecordImpressionRoute(t){e.cM("ad - brand uplift survey - calling record impression route for brand "+t.brandId),fetch(window.location.origin+"/Ads/Brands/ImpressionViewed",{method:"POST",body:JSON.stringify(t)}).then(o=>o.ok?void e.cM("ad - brand uplift survey - record impression route for brand "+t.brandId+" returned ok"):void e.vU("ad - brand uplift survey - record impression route for brand "+t.brandId+" returned not ok"),t=>{e.vU("network error sending impression to brand route: "+t.message)})}}window.cam=new class{constructor(){this.gptImported=!1,this.collapsed={},e.cM("constructor"),this.clc_options=o,window.clcGamLoaderOptions?Object.assign(this,window.clcGamLoaderOptions):void 0===this.opt&&(this.opt=window.opt)}init(){if(e.cM("init"),void 0===this.opt)throw new Error("opt not set, required by GAM Loader");e.cM("setup message handler"),window.addEventListener("message",e=>{this.onmessage(e)}),this.opt.targeting&&this.opt.targeting.ProductVariant&&"SystemDefault"===this.opt.targeting.ProductVariant[0]&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?this.opt.targeting.ProductVariant="Dark":this.opt.targeting.ProductVariant="Light")}handleSlotRenderedNoAdReport(){if(googletag.pubads().addEventListener("slotRenderEnded",e=>this.applyExtraMarginBottom(e)),Array.isArray(this.slotsRenderedEvents))for(var e=0;e<this.slotsRenderedEvents.length;e++)this.applyExtraMarginBottom(this.slotsRenderedEvents[e])}onmessage(t){let o="omni";if(t.data&&("string"==typeof t.data||t.data instanceof String)){if(0===t.data.indexOf("get-omni-")){e.cM("Recevied get-omni message, sending back omni");var s=t.source,a=this.opt.omni,n="string"==typeof a?a:"";s.postMessage([o,n,this.opt.requestGuid].join("|"),"*")}else if(0===t.data.indexOf("collapse-")){e.cM("Recevied collapse message, collapse ad iframe"),e.cM(t);for(var r=t.source.window,d=document.getElementsByTagName("IFRAME"),l=0;l<d.length;l++){var c=d[l];if(c.contentWindow==r)return void(0,i.wo)(c.parentElement.parentElement.parentElement)}}else if(0===t.data.indexOf("resize|")){e.cM("Recevied resize message, resize ad iframe"),e.cM(t);let o=this._getFrameByEvent(t),s=t.data.indexOf("|")+1,i=t.data.slice(s),a=parseFloat(i)+.5;e.cM("New iframe height "+a),o.height=a.toString(),o.parentElement.style.height=a.toString()+"px"}else if(0===t.data.indexOf("getmarkup|")){let o=t.data.indexOf("|")+1,s=t.data.slice(o);e.cM("Recevied get markup message: "+s);let i=this._getFrameByEvent(t).closest(".everyonelovesstackoverflow");const a=document.createElement("script");a.dataset.adZoneId=i.id,a.src=s,document.body.appendChild(a)}else if(0===t.data.indexOf("window-location|")){let o=t.data.indexOf("|")+1,s=t.data.slice(o);e.cM("Recevied window location message: "+s),s.startsWith("/")||(s="/"+s),window.open(window.location.protocol+"//"+window.location.host+s,"_blank")}}else e.cM("Received unhandled message")}_getFrameByEvent(e){return Array.from(document.getElementsByTagName("iframe")).filter(t=>t.contentWindow===e.source)[0]}classifyZoneIds(e){const t=e.map(i.Nj).filter(i.yb);return{eligible:t.filter(i.xb).filter(i.pn),ineligible:t.filter(i.xj)}}applyExtraMarginBottom(t){if(t&&t.slot&&!t.isEmpty&&(t.creativeId||t.lineItemId||!t.isEmpty)){var o=t.slot.getSlotElementId();if(o){var i=document.getElementById(o);if(i)if((0,s.eq)(o)){var a=i?.closest(".js-zone-container");a.style.marginBottom="24px",e.cM("Applied extra margin to the bottom of "+o)}else e.cM("Not applying extra margin to the bottom of "+o+": shouldHaveReportButton = false");else e.cM("Not applying extra margin to the bottom of "+o+": resolved invalid adUnit element")}else e.cM("Not applying extra margin to the bottom of element: invalid adUnitElementId")}else e.cM("Not applying extra margin to the bottom of element: invalid SlotRenderEndedEvent")}load(o=(0,s.kG)()){const r=this.opt.tlb_position===t.Above?["dfp-mlb","dfp-smlb"]:["dfp-mlb","dfp-smlb","dfp-tlb"];if(!this.isGptReady())return e.cM("Initializing..."),this.initGpt(),void googletag.cmd.push(()=>this.load(o));this.opt.adReportEnabled?(e.cM("Ad reporting enabled"),this.adReports=new a.t(googletag,this)):(e.cM("Ad reporting not enabled"),this.handleSlotRenderedNoAdReport()),this.opt.refresh?(e.cM("Ad refresh enabled"),this.adRefresh=new n(googletag,this.opt.refreshInterval)):e.cM("Ad refresh not enabled"),this.opt.brandUpliftSurveyEnabled&&(e.cM("Brand uplift survey enabled"),this.brandUpliftSurvey=new d(googletag,this.opt.brandUpliftSettings)),e.cM("Attempting to load ads into ids: ",o);const{eligible:l,ineligible:c}=this.classifyZoneIds(o);if(this.initDebugPanel(googletag,l.concat(c)),l.forEach(e=>(0,i.cf)(e)),c.forEach(i.wo),0===l.length)return void e.cM("Found no ad ids on page");e.cM("Eligible ids:",l),this.opt.abd&&this.appendAdblockDetector();var p=googletag.pubads().getSlots().filter(e=>o.indexOf(e.getSlotElementId())>=0);googletag.destroySlots(p),this.opt.sf&&(googletag.pubads().setForceSafeFrame(!0),googletag.pubads().setSafeFrameConfig({allowOverlayExpansion:!0,allowPushExpansion:!0,sandbox:!0})),e.cM("Targeting consent: Checking...");let g=!1,h=!1;void 0!==this.opt.targeting_consent&&(h=!0,e.cM("Targeting consent: Parameter set"),e.cM("Targeting consent: Consent given? ",this.opt.targeting_consent),g=this.opt.targeting_consent),void 0!==this.opt.personalization_consent&&(e.cM("Personalization consent: Parameter set"),e.cM("Personalization consent: Consent given? ",this.opt.personalization_consent),g=g&&this.opt.personalization_consent),g=g&&h,googletag.pubads().setRequestNonPersonalizedAds(g?0:1),g||googletag.pubads().setPrivacySettings({limitedAds:!0}),this.opt.ll||googletag.pubads().enableSingleRequest(),cam.sreEvent||(googletag.pubads().addEventListener("slotRenderEnded",e=>this.onSlotRendered(e)),cam.sreEvent=!0),this.setTargeting(googletag);var m=l.filter(e=>!this.opt.ll||r.indexOf(e.id)<0),u=l.filter(e=>!!this.opt.ll&&r.indexOf(e.id)>=0);e.cM("Up front ids:",m),e.cM("Lazy loaded ids:",u),m.forEach(t=>{e.cM(`Defining ad for element ${t.id}`),this.defineSlot(t.id,googletag),t.setAttribute("data-dfp-zone","true")}),googletag.enableServices(),m.forEach(t=>{e.cM(`Displaying ad for element ${t.id}`),googletag.cmd.push(()=>googletag.display(t.id))}),this.opt.ll&&(e.cM("Enabling lazy loading for GAM"),googletag.pubads().enableLazyLoad({fetchMarginPercent:0,renderMarginPercent:0}),e.cM("Setting up lazy loaded ad units"),u.forEach(t=>{e.cM(`Lazy loading - Defining Slot ${t.id}`),this.defineSlot(t.id,googletag)}),u.forEach(t=>{e.cM(`Lazy loading - Displaying ad for element ${t.id}`),googletag.cmd.push(()=>googletag.display(t.id))}))}setTargeting(t){let o=this.opt.targeting;if(!o)throw new Error("Targeting not defined");Object.keys(o).forEach(s=>{e.cM(`-> targeting - ${s}: ${o[s]}`),t.pubads().setTargeting(s,o[s])})}appendAdblockDetector(){const e=document.createElement("div");e.className="adsbox",e.id="clc-abd",e.style.position="absolute",e.style.pointerEvents="none",e.innerHTML=" ",document.body.appendChild(e)}onSlotRendered(o){try{const n=o.slot.getSlotElementId();let r=[];n||r.push("id=0");const d=document.getElementById(n);if(n&&!d&&r.push("el=0"),0!==r.length)return void this.stalled(r.join("&"));const{path:l,sizes:c,zone:p}=(0,s.Z7)(n);if(this.collapsed[p]&&o.isEmpty)return e.cM(`No line item for the element #${d.id}... collapsing.`),void(0,i.wo)(d);if(this.slotsRenderedEvents.push(o),o.lineItemId||o.creativeId||!o.isEmpty){e.cM(`Rendered ad for element #${d.id} [line item #${o.lineItemId}]`),e.cM(o);var a=d.parentElement;if(a.classList.contains("js-zone-container")){switch((0,i.cf)(a),n){case"dfp-tlb":this.opt.tlb_position===t.Above?a.classList.add("mb8"):a.classList.add("mt16");break;case"dfp-tag":a.classList.add("mb8");break;case"dfp-msb":a.classList.add("mt16");break;case"dfp-mlb":case"dfp-smlb":case"dfp-bmlb":a.classList.add("my8");break;case"dfp-isb":a.classList.add("mt24");break;case"dfp-m-aq":a.classList.add("my12"),a.classList.add("mx-auto")}(0,i.$Z)(a),(0,i.$Z)(d)}else e.cM(`No ad for element #${d.id}, collapsing`),e.cM(o),(0,i.wo)(d)}}catch(e){this.stalled("e=1")}}stalled(e){(new Image).src=`https://${this.clc_options.h}/stalled.gif?${e}`}defineSlot(t,o){"dfp-isb"===t&&(e.cM("-> targeting - Sidebar: Inline"),o.pubads().setTargeting("Sidebar",["Inline"])),"dfp-tsb"===t&&(e.cM("-> targeting - Sidebar: Right"),o.pubads().setTargeting("Sidebar",["Right"]));const{path:i,sizes:a,zone:n}=(0,s.Z7)(t);e.cM(`Defining slot for ${t}: ${i}, sizes: ${JSON.stringify(a)}`),o.defineSlot(i,a,t).addService(o.pubads())}importGptLibrary(){this.gptImported||(this.gptImported=!0,void 0===this.opt.targeting_consent||this.opt.targeting_consent?(0,i.Gx)("https://securepubads.g.doubleclick.net/tag/js/gpt.js"):(0,i.Gx)("https://pagead2.googlesyndication.com/tag/js/gpt.js"))}isGptReady(){return"undefined"!=typeof googletag&&!!googletag.apiReady}initGpt(){"undefined"==typeof googletag&&(window.googletag={cmd:(0,i.QZ)(()=>this.importGptLibrary())})}initDebugPanel(t,o){e.cM("initDebugPanel"),e.cM("Not showing debug panel")}},window.clcGamLoaderOptions&&(cam.init(),cam.load())})()})();</script>
2811
2812 <footer id="footer" class="site-footer js-footer" role="contentinfo">
2813 <div class="site-footer--container">
2814 <div class="site-footer--logo">
2815
2816 <a href="https://stackoverflow.com" aria-label="Stack Overflow"><svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewBox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg></a>
2817 </div>
2818 <nav class="site-footer--nav">
2819 <div class="site-footer--col">
2820 <h5 class="-title"><a href="https://stackoverflow.com" class="js-gps-track" data-gps-track="footer.click({ location: 2, link: 15})">Stack Overflow</a></h5>
2821 <ul class="-list js-primary-footer-links">
2822 <li><a href="/questions" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 16})">Questions</a></li>
2823 <li><a href="/help" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 3 })">Help</a></li>
2824 </ul>
2825 </div>
2826 <div class="site-footer--col">
2827 <h5 class="-title"><a href="https://stackoverflow.co/" class="js-gps-track" data-gps-track="footer.click({ location: 2, link: 19 })">Products</a></h5>
2828 <ul class="-list">
2829 <li><a href="https://stackoverflow.co/teams/" class="js-gps-track -link"
2830 data-ga="["teams traffic","footer - site nav","stackoverflow.com/teams",null,{"dimension4":"teams"}]"
2831 data-gps-track="footer.click({ location: 2, link: 29 })">Teams</a></li>
2832 <li><a href="https://stackoverflow.co/advertising/" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 21 })">Advertising</a></li>
2833 <li><a href="https://stackoverflow.co/collectives/" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 40 })">Collectives</a></li>
2834 <li><a href="https://stackoverflow.co/talent/" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 20 })">Talent</a></li>
2835 </ul>
2836 </div>
2837 <div class="site-footer--col">
2838 <h5 class="-title"><a class="js-gps-track" data-gps-track="footer.click({ location: 2, link: 1 })" href="https://stackoverflow.co/">Company</a></h5>
2839 <ul class="-list">
2840 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 1 })" href="https://stackoverflow.co/">About</a></li>
2841 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 27 })" href="https://stackoverflow.co/company/press/">Press</a></li>
2842 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 9 })" href="https://stackoverflow.co/company/work-here/">Work Here</a></li>
2843 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 7 })" href="https://stackoverflow.com/legal">Legal</a></li>
2844 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 8 })" href="https://stackoverflow.com/legal/privacy-policy">Privacy Policy</a></li>
2845 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 37 })" href="https://stackoverflow.com/legal/terms-of-service">Terms of Service</a></li>
2846 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 13 })" href="https://stackoverflow.co/company/contact/">Contact Us</a></li>
2847 <li class="" id="consent-footer-link"><a class="js-gps-track -link js-cookie-settings" data-gps-track="footer.click({ location: 2, link: 38 })" href="#" data-consent-popup-loader="footer">Cookie Settings</a></li>
2848 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 39 })" href="https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a></li>
2849 </ul>
2850 </div>
2851 <div class="site-footer--col site-footer--categories-nav">
2852 <div>
2853 <h5 class="-title"><a href="https://stackexchange.com" data-gps-track="footer.click({ location: 2, link: 30 })">Stack Exchange Network</a></h5>
2854 <ul class="-list">
2855 <li>
2856 <a href="https://stackexchange.com/sites#technology" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2857 Technology
2858 </a>
2859 </li>
2860 <li>
2861 <a href="https://stackexchange.com/sites#culturerecreation" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2862 Culture & recreation
2863 </a>
2864 </li>
2865 <li>
2866 <a href="https://stackexchange.com/sites#lifearts" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2867 Life & arts
2868 </a>
2869 </li>
2870 <li>
2871 <a href="https://stackexchange.com/sites#science" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2872 Science
2873 </a>
2874 </li>
2875 <li>
2876 <a href="https://stackexchange.com/sites#professional" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2877 Professional
2878 </a>
2879 </li>
2880 <li>
2881 <a href="https://stackexchange.com/sites#business" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2882 Business
2883 </a>
2884 </li>
2885
2886 <li class="mt16 md:mt0">
2887 <a href="https://api.stackexchange.com/" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2888 API
2889 </a>
2890 </li>
2891
2892 <li>
2893 <a href="https://data.stackexchange.com/" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })">
2894 Data
2895 </a>
2896 </li>
2897 </ul>
2898 </div>
2899 </div>
2900 </nav>
2901 <div class="site-footer--copyright fs-fine md:mt24">
2902 <ul class="-list -social md:mb8">
2903 <li><a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link:4 })" href="https://stackoverflow.blog?blb=1">Blog</a></li>
2904 <li><a href="https://www.facebook.com/officialstackoverflow/" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 31 })">Facebook</a></li>
2905 <li><a href="https://twitter.com/stackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 32 })">Twitter</a></li>
2906 <li><a href="https://linkedin.com/company/stack-overflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 33 })">LinkedIn</a></li>
2907 <li><a href="https://www.instagram.com/thestackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 36 })">Instagram</a></li>
2908 </ul>
2909
2910 <p class="md:mb0">
2911 Site design / logo © 2023 Stack Exchange Inc; user contributions licensed under <span class='td-underline'><a href="https://stackoverflow.com/help/licensing">CC BY-SA</a></span>. <span id="svnrev">rev 2023.8.16.43582</span>
2912 </p>
2913 </div>
2914 </div>
2915
2916 </footer>
2917
2918
2919
2920
2921 <!-- Google tag (gtag.js) -->
2922 <script async src="https://www.googletagmanager.com/gtag/js?id=G-WCZ03SZFCQ"></script>
2923 <script>
2924 window.dataLayer = window.dataLayer || [];
2925 function gtag() { dataLayer.push(arguments); }
2926 </script>
2927 <script>
2928 StackExchange.ready(function() {
2929
2930 var ga3Settings = {
2931 autoLink: ["stackoverflow.blog","info.stackoverflowsolutions.com","stackoverflowsolutions.com"],
2932 sendTitles: true,
2933 tracker: window.ga,
2934 trackingCodes: [
2935 'UA-108242619-1'
2936 ],
2937 checkDimension: 'dimension42'
2938 };
2939
2940 var customGA4Dimensions = {};
2941
2942
2943 var ga4Settings = {
2944 tracker: gtag,
2945 trackingCodes: [
2946 'G-WCZ03SZFCQ'
2947 ],
2948 consentsToPerformanceCookies: "denied",
2949 consentsToTargetingCookies: "denied",
2950 eventParameters: customGA4Dimensions,
2951 checkForAdBlock: true,
2952 sendTitles: true,
2953 trackClicks: false,
2954 };
2955
2956 StackExchange.ga.init({ GA3: ga3Settings, GA4: ga4Settings });
2957
2958
2959 StackExchange.ga.setDimension('dimension2', '|javascript|jquery|html|');
2960
2961
2962 StackExchange.ga.setDimension('dimension3', 'Questions/Show');
2963
2964
2965 StackExchange.ga.setDimension('dimension7', "1692289499.992073864");
2966
2967 StackExchange.ga.trackPageView();
2968 });
2969 </script>
2970
2971
2972 <div class="ff-sans ps-fixed z-nav-fixed ws4 sm:w-auto p32 sm:p16 bg-black-750 fc-white bar-lg b16 l16 r16 js-consent-banner">
2973 <svg aria-hidden="true" class="mln4 mb24 sm:d-none svg-spot spotCookieLg" style="color: var(--theme-button-filled-background-color)" width="96" height="96" viewBox="0 0 96 96">
2974 <path d="M35 45.5a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0zM63.5 63a7.5 7.5 0 100-15 7.5 7.5 0 000 15zm-19 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" opacity=".2" />
2975 <path d="M56.99 2.53a23.1 23.1 0 0114.66 6.15h.01l.01.02c.57.55.61 1.27.5 1.74v.07a10.95 10.95 0 01-3.07 4.77 9 9 0 01-6.9 2.5 10.34 10.34 0 01-9.72-10.44v-.08a10 10 0 011.03-3.74l.01-.03.02-.02c.28-.5.82-.92 1.52-.95.63-.02 1.27-.02 1.93.01zm12.04 7.83a20.1 20.1 0 00-12.2-4.83l-.92-.03c-.23.6-.38 1.25-.43 1.94a7.34 7.34 0 006.95 7.34 6 6 0 004.64-1.7c.94-.88 1.6-1.9 1.96-2.72zm15.3 8.76a6.84 6.84 0 00-5.09-.24 7.9 7.9 0 00-3.28 2.05 1.8 1.8 0 00-.3 1.95l.02.02v.02a15.16 15.16 0 008.74 7.47c.64.23 1.32.08 1.8-.33a6.63 6.63 0 001.63-1.97l.01-.03.01-.03c1.67-3.5-.12-7.32-3.54-8.91zm-5.5 3.28c.36-.25.82-.5 1.35-.67.92-.3 1.92-.35 2.89.1 2.14 1 2.92 3.14 2.11 4.88-.12.21-.26.41-.43.6l-.26-.1a12.29 12.29 0 01-5.66-4.81zM32 24a2 2 0 11-4 0 2 2 0 014 0zm12 21a2 2 0 11-4 0 2 2 0 014 0zm36 4a2 2 0 11-4 0 2 2 0 014 0zm-7 21a2 2 0 11-4 0 2 2 0 014 0zM59 81a2 2 0 11-4 0 2 2 0 014 0zM22 63a2 2 0 11-4 0 2 2 0 014 0zm27 7a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM33 41a9 9 0 11-18 0 9 9 0 0118 0zm-15 0a6 6 0 1012 0 6 6 0 00-12 0zm50 11a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM44.08 4.24c.31.48.33 1.09.05 1.58a17.46 17.46 0 00-2.36 8.8c0 9.55 7.58 17.24 16.85 17.24 2.97 0 5.75-.78 8.16-2.15a1.5 1.5 0 012.1.66 12.08 12.08 0 0011 6.74 12.4 12.4 0 007.85-2.75 1.5 1.5 0 012.38.74A45.76 45.76 0 0192 48.16c0 24.77-19.67 44.9-44 44.9S4 72.93 4 48.16C4 25.23 20.84 6.28 42.64 3.58a1.5 1.5 0 011.44.66zM40.22 7C21.32 10.71 7 27.7 7 48.16c0 23.17 18.39 41.9 41 41.9s41-18.73 41-41.9c0-3.52-.42-6.93-1.22-10.2a15.5 15.5 0 01-7.9 2.15c-5.5 0-10.36-2.83-12.97-7.1a19.46 19.46 0 01-8.28 1.85c-11 0-19.86-9.1-19.86-20.24 0-2.7.52-5.26 1.45-7.62zM92 91a2 2 0 100-4 2 2 0 000 4zM7 8.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM82.5 90a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm9.5-7.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13.5 8a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM80 14.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM53.5 20a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
2976 </svg>
2977 <p class="fs-body2 fw-bold mb4">
2978 Your privacy
2979 </p>
2980 <p class="mb16 s-anchors s-anchors__inherit s-anchors__underlined">
2981 By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our <a href="https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a>.
2982 </p>
2983 <div class="d-flex gs8 sm:fd-column">
2984 <button class="flex--item6 s-btn s-btn__primary js-accept-cookies js-consent-banner-hide">
2985 Accept all cookies
2986 </button>
2987
2988 <button class="flex--item6 s-btn s-btn__primary js-reject-cookies js-consent-banner-hide">
2989 Necessary cookies only
2990 </button>
2991 </div>
2992
2993 <div class="d-flex mt8 sm:fd-column">
2994 <button class="flex--item12 s-btn s-btn__filled js-cookie-settings" data-consent-popup-loader="banner">
2995 Customize settings
2996 </button>
2997 </div>
2998 </div>
2999 <div id="onetrust-consent-sdk" class="d-none"></div>
3000 <div id="onetrust-banner-sdk" data-controller="s-modal"></div>
3001 <div id="ot-pc-content" class="d-none"></div>
3002 <div id="onetrust-style" class="d-none"> </div>
3003 <div class="d-none js-consent-banner-version" data-consent-banner-version="1"></div>
3004
3005
3006
3007 </body>
3008 </html>