{"id":23343,"date":"2022-11-25T11:16:42","date_gmt":"2022-11-25T05:46:42","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/"},"modified":"2022-11-25T11:16:42","modified_gmt":"2022-11-25T05:46:42","slug":"solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/","title":{"rendered":"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

It doesn’t work because the javascript is loaded and executed while the page loads and mounts. So the DOM objects you are trying to use don’t yet exist.<\/p>\n

What you have to do? You have to run this code right after the page loads. You can do this by adding onload event in body tag.<\/p>\n

<head>\n    <title>Od\u0161tevanje do Novega Leta<\/title>\n<\/head>\n<body onload=\"startTimer();\">\n<\/code><\/pre>\n
Or you can do this way in javascript<\/p>\n
window.onload=function(){\n  startTimer();\n}\n<\/code><\/pre>\n
Tip:<\/strong> To check if something is wrong with your code, use the browser inspector.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            1<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved I would like to make separate html files containing css and javascript * .html, * .js and * .css <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] It doesn’t work because the javascript is loaded and executed while the page loads and mounts. So the DOM objects you are trying to use don’t yet exist. What you have to do? You have to run this code right after the page loads. You can do this by adding onload event in body … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,346,333],"class_list":["post-23343","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-html","tag-javascript"],"yoast_head":"\n[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] It doesn’t work because the javascript is loaded and executed while the page loads and mounts. So the DOM objects you are trying to use don’t yet exist. What you have to do? You have to run this code right after the page loads. You can do this by adding onload event in body ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-25T05:46:42+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css\",\"datePublished\":\"2022-11-25T05:46:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\"},\"wordCount\":115,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\",\"name\":\"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-11-25T05:46:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css - JassWeb","og_description":"[ad_1] It doesn’t work because the javascript is loaded and executed while the page loads and mounts. So the DOM objects you are trying to use don’t yet exist. What you have to do? You have to run this code right after the page loads. You can do this by adding onload event in body ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/","og_site_name":"JassWeb","article_published_time":"2022-11-25T05:46:42+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css","datePublished":"2022-11-25T05:46:42+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/"},"wordCount":115,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/","url":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/","name":"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-11-25T05:46:42+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-i-would-like-to-make-separate-html-files-containing-css-and-javascript-html-js-and-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] I would like to make separate html files containing css and javascript * .html, * .js and * .css"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/23343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=23343"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/23343\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=23343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=23343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=23343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}