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>