{"id":522,"date":"2021-03-04T10:37:12","date_gmt":"2021-03-04T10:37:12","guid":{"rendered":"https:\/\/ramk.ee\/opikud\/veebidisain\/?post_type=chapter&p=522"},"modified":"2021-03-04T10:37:12","modified_gmt":"2021-03-04T10:37:12","slug":"javascript-sidumine-html-dokumendiga","status":"publish","type":"chapter","link":"https:\/\/ramk.ee\/opikud\/veebidisain\/chapter\/javascript-sidumine-html-dokumendiga\/","title":{"rendered":"JavaScript sidumine HTML dokumendiga"},"content":{"raw":"JavaScript koodi v\u00f5ib lisada kohe HTML faili v\u00f5i siis siduda JavaScript fail HTML failiga.\r\n

JavaScripti koodi kirjutamine HTML faili<\/h1>\r\nJavascripti kirjutamisel HTML faili kirjutatakse see m\u00e4rgendite <script><\/code> ja <\/script><\/code> vahele.\r\n\r\nN\u00e4iteks j\u00e4rgnev kood kuvab kasutajale h\u00fcpikakna teksiga \"Tere JavaScript\":\r\n
<script>\r\n  alert(\"Tere JavaScript!\");\r\n<\/script><\/pre>\r\nJavaScripti koodi v\u00f5ib sisesta dokumendi p\u00e4isesse (m\u00e4rgendite <head><\/code> ja <\/head><\/code> vahele) v\u00f5i dokumendi kehasse (m\u00e4rgendite <body><\/code>\u00a0ja <\/body><\/code> vahele).\r\n
Javascript faili sidumine HTML failiga<\/h1>\r\nSuuremates projektides kirjutatakse JavaScript kood eraldi faili, mille laiendiks on .js<\/strong>.\r\n\r\nEraldi JavaScript faili loomisel pole JavaScript faili <script><\/code> m\u00e4rgendeid vaja. Seega v\u00f5ime faili sisuks kirjutada lihtsalt:\r\n
alert(\"Tere JavaScript!\");<\/pre>\r\nSalvestame oma faili n\u00e4iteks nimega: \"script.js\".\r\n\r\nLoodud faili HTML failiga sidumiseks lisame HTML failis <script><\/code> m\u00e4rgendile atribuudi src<\/code> ja v\u00e4\u00e4rtuseks JavaScript faili asukoha.\r\n\r\nN\u00e4iteks:\r\n
<script src=\"script.js\"><\/script><\/pre>\r\nL\u00f5pptulemus on sama nagu JavaScripti kirjutamisel otse HTML faili.\r\n\r\n \r\n\r\n \r\n\r\n \r\n
\r\n
<\/div>\r\n<\/div>","rendered":"
JavaScript koodi v\u00f5ib lisada kohe HTML faili v\u00f5i siis siduda JavaScript fail HTML failiga.<\/p>\n
JavaScripti koodi kirjutamine HTML faili<\/h1>\n
Javascripti kirjutamisel HTML faili kirjutatakse see m\u00e4rgendite <script><\/code> ja <\/script><\/code> vahele.<\/p>\n
N\u00e4iteks j\u00e4rgnev kood kuvab kasutajale h\u00fcpikakna teksiga “Tere JavaScript”:<\/p>\n
<script>\r\n  alert(\"Tere JavaScript!\");\r\n<\/script><\/pre>\n
JavaScripti koodi v\u00f5ib sisesta dokumendi p\u00e4isesse (m\u00e4rgendite <head><\/code> ja <\/head><\/code> vahele) v\u00f5i dokumendi kehasse (m\u00e4rgendite <body><\/code>\u00a0ja <\/body><\/code> vahele).<\/p>\n
Javascript faili sidumine HTML failiga<\/h1>\n
Suuremates projektides kirjutatakse JavaScript kood eraldi faili, mille laiendiks on .js<\/strong>.<\/p>\n
Eraldi JavaScript faili loomisel pole JavaScript faili <script><\/code> m\u00e4rgendeid vaja. Seega v\u00f5ime faili sisuks kirjutada lihtsalt:<\/p>\n
alert(\"Tere JavaScript!\");<\/pre>\n
Salvestame oma faili n\u00e4iteks nimega: “script.js”.<\/p>\n
Loodud faili HTML failiga sidumiseks lisame HTML failis <script><\/code> m\u00e4rgendile atribuudi src<\/code> ja v\u00e4\u00e4rtuseks JavaScript faili asukoha.<\/p>\n
N\u00e4iteks:<\/p>\n
<script src=\"script.js\"><\/script><\/pre>\n
L\u00f5pptulemus on sama nagu JavaScripti kirjutamisel otse HTML faili.<\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
\n
<\/div>\n<\/div>\n","protected":false},"author":1,"menu_order":3,"template":"","meta":{"_mi_skip_tracking":false,"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"part":33,"_links":{"self":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/522"}],"collection":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/522\/revisions"}],"predecessor-version":[{"id":904,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/522\/revisions\/904"}],"part":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/parts\/33"}],"metadata":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/522\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapter-type?post=522"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/contributor?post=522"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/license?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}