{"appState":{"pageLoadApiCallsStatus":true},"categoryState":{"relatedCategories":{"headers":{"timestamp":"2022-05-27T12:31:25+00:00"},"categoryId":33603,"data":{"title":"JavaScript","slug":"javascript","image":{"src":null,"width":0,"height":0},"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"parentCategory":{"categoryId":33592,"title":"Programming & Web Design","slug":"programming-web-design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"}},"childCategories":[],"description":"Check out these articles to discover tons of cool stuff that you can do with JavaScript code.","relatedArticles":{"self":"https://dummies-api.dummies.com/v2/articles?category=33603&offset=0&size=5"}},"_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"relatedCategoriesLoadedStatus":"success"},"listState":{"list":{"count":10,"total":86,"items":[{"headers":{"creationTime":"2016-03-27T16:56:23+00:00","modifiedTime":"2022-03-03T21:30:39+00:00","timestamp":"2022-03-04T00:01:04+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"jQuery For Dummies Cheat Sheet","strippedTitle":"jquery for dummies cheat sheet","slug":"jquery-for-dummies-cheat-sheet","canonicalUrl":"","seo":{"metaDescription":"Use the powerful jQuery library to add stunning special effects to your web page. Find tips on how to use its magic here.","noIndex":0,"noFollow":0},"content":"jQuery is a powerful and simple JavaScript library that you can use to select elements in your Web page, add impressive special effects, and insert content. Also find great resources for jQuery tips, tutorials, and plug-ins.","description":"jQuery is a powerful and simple JavaScript library that you can use to select elements in your Web page, add impressive special effects, and insert content. Also find great resources for jQuery tips, tutorials, and plug-ins.","blurb":"","authors":[{"authorId":10060,"name":"Lynn Beighley","slug":"lynn-beighley","description":"","_links":{"self":"https://dummies-api.dummies.com/v2/authors/10060"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[],"fromCategory":[{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":0,"slug":null,"isbn":null,"categoryList":null,"amazon":null,"image":null,"title":null,"testBankPinActivationLink":null,"bookOutOfPrint":false,"authorsInfo":null,"authors":null,"_links":null},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[null]}]\" id=\"du-slot-622156c0ec34d\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[null]}]\" id=\"du-slot-622156c0ecd34\"></div></div>"},"articleType":{"articleType":"Cheat Sheet","articleList":[{"articleId":192733,"title":"Selecting Elements with jQuery","slug":"selecting-elements-with-jquery","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/192733"}},{"articleId":192732,"title":"Showing, Hiding, Sliding, and Fading Elements with jQuery","slug":"showing-hiding-sliding-and-fading-elements-with-jquery","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/192732"}},{"articleId":192715,"title":"Inserting Content Before, After, and Inside Elements with jQuery","slug":"inserting-content-before-after-and-inside-elements-with-jquery","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/192715"}},{"articleId":192734,"title":"Online jQuery Resources","slug":"online-jquery-resources","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/192734"}}],"content":[{"title":"Selecting elements with jQuery","thumb":null,"image":null,"content":"<p>jQuery allows you to select elements in a Web page with ease. You can find anything you want in a page and then use jQuery to add special effects, react to user actions, or show and hide content inside or outside the element you have selected. All these tasks start with knowing how to select an element. Here’s a handy list you can use to select almost anything on your Web page.</p>\n<table>\n<tbody>\n<tr>\n<th>To Select By</th>\n<th>Use This</th>\n</tr>\n<tr>\n<td>Element type (for example, <span class=\"code\">&lt;img&gt;</span>)</td>\n<td><span class=\"code\">$(&#8220;img&#8221;)</span></td>\n</tr>\n<tr>\n<td>All elements</td>\n<td><span class=\"code\">$(&#8220;*&#8221;)</span></td>\n</tr>\n<tr>\n<td>ID (for example, <span class=\"code\">id=&#8221;thisIsTheID&#8221;</span>)</td>\n<td><span class=\"code\">$(&#8220;#thisIsTheID&#8221;)</span></td>\n</tr>\n<tr>\n<td>Class (for example, <span class=\"code\">class=&#8221;someClass&#8221;</span>)</td>\n<td><span class=\"code\">$(&#8220;.someClass&#8221;)</span></td>\n</tr>\n<tr>\n<td>Order (for example, the first or last <span class=\"code\">&lt;img&gt;</span> element)</td>\n<td><span class=\"code\">$(&#8220;img:first&#8221;)</span><span class=\"code\"><br />\n</span><span class=\"code\">$(&#8220;img:last&#8221;)</span></td>\n</tr>\n<tr>\n<td>Attribute, (for example, to get the length attribute of <span class=\"code\">&lt;img&gt;</span>)</td>\n<td><span class=\"code\">$(&#8220;img[height]&#8221;).length</span></td>\n</tr>\n<tr>\n<td>Parent (for example, the parent of <span class=\"code\">&lt;div&gt;</span>)</td>\n<td><span class=\"code\">$(&#8220;div:parent&#8221;)</span></td>\n</tr>\n<tr>\n<td>Child (for example, the first or last child of <span class=\"code\">&lt;div&gt;</span>)</td>\n<td><span class=\"code\">$(&#8220;div:first-child&#8221;)</span><span class=\"code\"><br />\n</span><span class=\"code\">$(&#8220;div:last-child&#8221;)</span></td>\n</tr>\n</tbody>\n</table>\n"},{"title":"Showing, hiding, sliding, and fading elements with jQuery","thumb":null,"image":null,"content":"<p>jQuery effects are great fun and can transform a simple, static Web page into a dynamic, interactive experience for the site visitor. Part of the visual interest that jQuery offers is the capability to show, hide, slide, and fade elements. The examples that follow all use this sample code:</p>\n<pre class=\"code\">&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;My Test Page&lt;/title&gt;\r\n&lt;script type=\"text/javascript\" src=\"js/jquery-1.4.min.js\"&gt;&lt;/script&gt;\r\n&lt;script type=\"text/javascript\"&gt;\r\n$(document).ready(function(){\r\n//Your code goes here.\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&lt;div id=\"hideme\"&gt;This is visible.&lt;/div&gt;\r\n&lt;div style=\"display:none\" id=\"showme\"&gt;This is hidden.&lt;/div&gt;\r\n&lt;input id=\"showme\" value=\"doSomething\" type=\"submit\"&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</pre>\n<p>Here&#8217;s a quick rundown on how to apply these effects to a <span class=\"code\">&lt;div&gt;</span> element on a Web page.</p>\n<table>\n<tbody>\n<tr>\n<th>Effect</th>\n<th>Code</th>\n</tr>\n<tr>\n<td>Hide</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;div&#8221;).hide();</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Show</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;#showme&#8221;).show();</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Slide down</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;#showme&#8221;).slideDown();</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Slide up</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;#hideme&#8221;).slideUp();</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Fade in</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;#showme&#8221;).fadeIn();</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Fade out</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;#hideme&#8221;).fadeOut();</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n</tbody>\n</table>\n"},{"title":"Inserting content before, after, and inside elements with jQuery","thumb":null,"image":null,"content":"<p>jQuery provides you with easy ways to get at the data in your Web page. In particular, you can insert any content you want, anywhere on your page. The examples that follow all use this sample code:</p>\n<pre class=\"code\">&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;My Test Page&lt;/title&gt;\r\n&lt;script type=\"text/javascript\" src=\"js/jquery-1.4.min.js\"&gt;&lt;/script&gt;\r\n&lt;script type=\"text/javascript\"&gt;\r\n$(document).ready(function(){\r\n//Your code goes here.\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&lt;div&gt;I am a div.&lt;/div&gt;\r\n&lt;br /&gt;\r\n&lt;input value=\"Go\" type=\"submit\"&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</pre>\n<p>Here&#8217;s a quick rundown on how to insert content before, after, and inside a <span class=\"code\">&lt;div&gt;</span> element in a Web page:</p>\n<table>\n<tbody>\n<tr>\n<th>To Place Content</th>\n<th>Code</th>\n</tr>\n<tr>\n<td>In front of and outside the <span class=\"code\">&lt;div&gt;</span> (before)</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;div&#8221;).before(&#8220;Before&lt;br /&gt;&#8221;);</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>In back of and outside the <span class=\"code\">&lt;div&gt;</span> (after)</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;div&#8221;).after(&#8220;After&lt;br /&gt;&#8221;);</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Inside the <span class=\"code\">&lt;div&gt;</span> but before<br />\nexisting content (prepend)</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;div&#8221;).prepend(&#8220;New Content!&#8221;);</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n<tr>\n<td>Inside the <span class=\"code\">&lt;div&gt;</span> but after<br />\nexisting content (append)</td>\n<td><span class=\"code\">$(&#8220;:submit&#8221;).click(function () {</span><span class=\"code\"><br />\n</span> <span class=\"code\">$(&#8220;div&#8221;).append(&#8220;New Content!&#8221;);</span><span class=\"code\"><br />\n</span><span class=\"code\">});</span></td>\n</tr>\n</tbody>\n</table>\n"},{"title":"Online jQuery resources","thumb":null,"image":null,"content":"<p>As you gain experience with jQuery, you&#8217;ll likely have questions about more advanced jQuery techniques. And after you use jQuery plug-ins, you’ll be hooked and want to get more. <a href=\"http://jquery.com\" target=\"_blank\" rel=\"noopener\">jQuery.com</a> provides lots of technical support and the official list of jQuery plug-ins. Visit these additional sites for answers to your jQuery questions and for more ways to extend how you use jQuery in your Web pages:</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\"><a href=\"http://en.wikipedia.org/wiki/JQuery\" target=\"_blank\" rel=\"noopener\">jQuery on Wikipedia</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/\">jQuery for Absolute Beginners</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://visualjquery.com\" target=\"_blank\" rel=\"noopener\">Visual jQuery</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://plugins.jquery.com\" target=\"_blank\" rel=\"noopener\">jQuery Plugins</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://smashingmagazine.com/tag/jquery\" target=\"_blank\" rel=\"noopener\">Smashing Magazine</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://speckyboy.com/category/ajax\" target=\"_blank\" rel=\"noopener\">Speckyboy Design Magazine</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://net.tutsplus.com/category/tutorials/javascript-ajax/\" target=\"_blank\" rel=\"noopener\">Nettuts+</a></p>\n</li>\n<li>\n<p class=\"first-para\"><a href=\"http://woorkup.com/tag/jquery/\" target=\"_blank\" rel=\"noopener\">Woorkup</a></p>\n</li>\n</ul>\n"}],"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":"One year","lifeExpectancySetFrom":"2022-03-03T00:00:00+00:00","dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":209047},{"headers":{"creationTime":"2016-03-27T16:47:15+00:00","modifiedTime":"2022-03-03T20:47:59+00:00","timestamp":"2022-03-04T00:01:04+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"Coding with JavaScript For Dummies Cheat Sheet","strippedTitle":"coding with javascript for dummies cheat sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","canonicalUrl":"","seo":{"metaDescription":"Master coding with JavaScript by discovering which words are reserved in JavaScript, an extensive list of HTML5 APIs, and jQuery selectors.","noIndex":0,"noFollow":0},"content":"Master coding with JavaScript by discovering which words are reserved in JavaScript, an extensive list of HTML5 APIs, and jQuery selectors. Just check out these helpful tips to get started.","description":"Master coding with JavaScript by discovering which words are reserved in JavaScript, an extensive list of HTML5 APIs, and jQuery selectors. Just check out these helpful tips to get started.","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":33599,"title":"Coding","slug":"coding","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33599"}},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}},{"articleId":144113,"title":"jQuery Selectors for Coding with JavaScript","slug":"jquery-selectors-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144113"}},{"articleId":144114,"title":"List of HTML5 APIs for Coding with JavaScript","slug":"list-of-html5-apis-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144114"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281669,"slug":"coding-with-javascript-for-dummies","isbn":"9781119056072","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119056071-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/coding-with-javascript-for-dummies-cover-9781119056072-203x255.jpg","width":203,"height":255},"title":"Coding with JavaScript For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> is an accomplished author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. <b data-author-id=\"9071\">Eva Holland</b> is an experienced writer and trainer who has designed and taught online, in-person, and video courses. They are cofounders of WatzThis? </p>","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-622156c0e1a69\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-622156c0e2405\"></div></div>"},"articleType":{"articleType":"Cheat Sheet","articleList":[{"articleId":143900,"title":"JavaScript Reserved Words","slug":"javascript-reserved-words","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/143900"}},{"articleId":144114,"title":"List of HTML5 APIs for Coding with JavaScript","slug":"list-of-html5-apis-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144114"}},{"articleId":144113,"title":"jQuery Selectors for Coding with JavaScript","slug":"jquery-selectors-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144113"}}],"content":[{"title":"JavaScript reserved words","thumb":null,"image":null,"content":"<p>When coding with JavaScript, it will benefit you to know certain reserved words. The following list contains JavaScript reserved words. You can’t use these words as JavaScript variables, functions, methods, loop labels, or object names.</p>\n<table>\n<tbody>\n<tr>\n<td>abstract</td>\n<td>final</td>\n<td>public</td>\n</tr>\n<tr>\n<td>boolean</td>\n<td>finally</td>\n<td>return</td>\n</tr>\n<tr>\n<td>break</td>\n<td>float</td>\n<td>short</td>\n</tr>\n<tr>\n<td>byte</td>\n<td>for</td>\n<td>static</td>\n</tr>\n<tr>\n<td>case</td>\n<td>function</td>\n<td>super</td>\n</tr>\n<tr>\n<td>catch</td>\n<td>goto</td>\n<td>switch</td>\n</tr>\n<tr>\n<td>char</td>\n<td>if</td>\n<td>synchronized</td>\n</tr>\n<tr>\n<td>class</td>\n<td>implements</td>\n<td>this</td>\n</tr>\n<tr>\n<td>const</td>\n<td>import</td>\n<td>throw</td>\n</tr>\n<tr>\n<td>continue</td>\n<td>in</td>\n<td>throws</td>\n</tr>\n<tr>\n<td>debugger</td>\n<td>instanceof</td>\n<td>transient</td>\n</tr>\n<tr>\n<td>default</td>\n<td>int</td>\n<td>true</td>\n</tr>\n<tr>\n<td>delete</td>\n<td>interface</td>\n<td>try</td>\n</tr>\n<tr>\n<td>do</td>\n<td>long</td>\n<td>typeof</td>\n</tr>\n<tr>\n<td>double</td>\n<td>native</td>\n<td>var</td>\n</tr>\n<tr>\n<td>else</td>\n<td>new</td>\n<td>void</td>\n</tr>\n<tr>\n<td>enum</td>\n<td>null</td>\n<td>volatile</td>\n</tr>\n<tr>\n<td>export</td>\n<td>package</td>\n<td>while</td>\n</tr>\n<tr>\n<td>extends</td>\n<td>private</td>\n<td>with</td>\n</tr>\n<tr>\n<td>false</td>\n<td>protected</td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"},{"title":"List of HTML5 APIs for coding with JavaScript","thumb":null,"image":null,"content":"<p>Here is an extensive list of HTML5 APIs that have either been proposed or implemented. Browsers are constantly being updated with new features. For the latest on which browsers support which features, visit <a href=\"http://caniuse.com\" target=\"_blank\" rel=\"noopener\">caniuse.com</a>.</p>\n<table>\n<tbody>\n<tr>\n<th>API</th>\n<th>What It Does</th>\n</tr>\n<tr>\n<td>Ambient Light API</td>\n<td>Provides information about the ambient light levels, as<br />\ndetected by a device’s light sensor.</td>\n</tr>\n<tr>\n<td>Battery Status API</td>\n<td>Provides information about the battery status of the<br />\ndevice.</td>\n</tr>\n<tr>\n<td>Canvas 2D Context</td>\n<td>Allows drawing and manipulation of graphics in a browser.</td>\n</tr>\n<tr>\n<td>Clipboard API</td>\n<td>Provides access to the operating system’s copy, cut, and<br />\npaste functionality.</td>\n</tr>\n<tr>\n<td>Contacts</td>\n<td>Allows access to a user’s contacts repository in the web<br />\nbrowser.</td>\n</tr>\n<tr>\n<td>Drag and Drop</td>\n<td>Supports dragging and dropping items within and between browser<br />\nwindows.</td>\n</tr>\n<tr>\n<td>File API</td>\n<td>Provides programs with secure access to the device’s file<br />\nsystem.</td>\n</tr>\n<tr>\n<td>Forms</td>\n<td>Gives programs access to the new data types defined in<br />\nHTML5.</td>\n</tr>\n<tr>\n<td>Fullscreen API</td>\n<td>Controls the use of the user’s full screen for web pages,<br />\nwithout the browser user interface.</td>\n</tr>\n<tr>\n<td>Gamepad API</td>\n<td>Supports input from USB gamepad controllers.</td>\n</tr>\n<tr>\n<td>Geolocation</td>\n<td>Provides web applications with access to geographical location<br />\ndata about the user’s device.</td>\n</tr>\n<tr>\n<td>getUserMedia/Stream API</td>\n<td>Provides access to external device data (such as webcam<br />\nvideo).</td>\n</tr>\n<tr>\n<td>History API</td>\n<td>Allows programs to manipulate the browser history.</td>\n</tr>\n<tr>\n<td>HTML Microdata</td>\n<td>Provides a way to annotate content with computer-readable<br />\nlabels.</td>\n</tr>\n<tr>\n<td>Indexed database</td>\n<td>Creates a simple client-side database system in the web<br />\nbrowser.</td>\n</tr>\n<tr>\n<td>Internationalization API</td>\n<td>Provides access to locale-sensitive formatting and string<br />\ncomparison.</td>\n</tr>\n<tr>\n<td>Offline apps</td>\n<td>Allows programmers to make web apps available in offline<br />\nmode.</td>\n</tr>\n<tr>\n<td>Proximity API</td>\n<td>Provides information about the distance between a device and an<br />\nobject.</td>\n</tr>\n<tr>\n<td>Screen Orientation</td>\n<td>Reads the screen orientation state (portrait or landscape) and<br />\ngives programmers the ability to know when it changes and to lock<br />\nit in place.</td>\n</tr>\n<tr>\n<td>Selection</td>\n<td>Supports selecting elements in JavaScript using CSS-style<br />\nselectors.</td>\n</tr>\n<tr>\n<td>Server-sent events</td>\n<td>Allows the server to push data to the browser without the<br />\nbrowser needing to request it.</td>\n</tr>\n<tr>\n<td>User Timing API</td>\n<td>Gives programmers access to high-precision timestamps to<br />\nmeasure the performance of applications.</td>\n</tr>\n<tr>\n<td>Vibration API</td>\n<td>Allows access to the vibration functionality of the<br />\ndevice.</td>\n</tr>\n<tr>\n<td>Web Audio API</td>\n<td>API for processing and synthesizing audio.</td>\n</tr>\n<tr>\n<td>Web Messaging</td>\n<td>Allows browser windows to communicate with each other across<br />\ndifferent origins.</td>\n</tr>\n<tr>\n<td>Web Speech API</td>\n<td>Provides speech input and text-to-speech output features.</td>\n</tr>\n<tr>\n<td>Web storage</td>\n<td>Allows the storage of key-value pairs in the browser.</td>\n</tr>\n<tr>\n<td>Web sockets</td>\n<td>Opens an interactive communication session between the browser<br />\nand server.</td>\n</tr>\n<tr>\n<td>Web Workers</td>\n<td>Allows JavaScript to execute scripts in the background.</td>\n</tr>\n<tr>\n<td>XMLHttpRequest2</td>\n<td>Improves <span class=\"code\">XMLHttpRequest</span> to eliminate<br />\nthe need to work around the same-origin policy errors and to make<br />\n<span class=\"code\">XMLHttpRequest</span> work with new features of<br />\nHTML5.</td>\n</tr>\n</tbody>\n</table>\n"},{"title":"jQuery selectors for coding with JavaScript","thumb":null,"image":null,"content":"<p>JQuery provides many different ways to match sets of elements within a document beyond the methods built into JavaScript. Check out this list of all the jQuery selectors. To use them, simply pass them to the jQuery function (or, you can use the $ alias for the jQuery function). For example:</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">$(&#8220;*&#8221;) selects every element.</p>\n</li>\n<li>\n<p class=\"first-para\">$(&#8220;div p:first-child&#8221;) selects the first paragraph child of each matched div element.</p>\n</li>\n<li>\n<p class=\"first-para\">$(&#8220;div:contains(&#8216;We hold these truths&#8217;)&#8221;) selects the divs that contain the matching text.</p>\n</li>\n</ul>\n<p>Check here to see examples of each of these <a href=\"https://api.jquery.com/category/selectors\" target=\"_blank\" rel=\"noopener\">jQuery selectors inside programs</a>.</p>\n<table>\n<tbody>\n<tr>\n<th>Selector</th>\n<th>What It Selects</th>\n</tr>\n<tr>\n<td>All Selector (“*”)</td>\n<td>All elements.</td>\n</tr>\n<tr>\n<td>:animated Selector</td>\n<td>All elements that are animated at the time of selection.</td>\n</tr>\n<tr>\n<td>Attribute Contains Prefix Selector [name|=&#8221;value&#8221;]</td>\n<td>Elements that have the specified attribute with a value either<br />\nequal to a given string or starting with that string followed by a<br />\nhyphen (-).</td>\n</tr>\n<tr>\n<td>Attribute Contains Selector [name*=&#8221;value&#8221;]</td>\n<td>Elements that have the specified attribute with a value<br />\ncontaining a given substring.</td>\n</tr>\n<tr>\n<td>Attribute Contains Word Selector [name~=&#8221;value&#8221;]</td>\n<td>Elements that have the specified attribute with a value<br />\ncontaining a given word, delimited by spaces.</td>\n</tr>\n<tr>\n<td>Attribute Ends With Selector [name$=&#8221;value&#8221;]</td>\n<td>Elements that have the specified attribute with a value ending<br />\nexactly with a given string. The comparison is case sensitive.</td>\n</tr>\n<tr>\n<td>Attribute Equals Selector [name=&#8221;value&#8221;]</td>\n<td>Elements that have the specified attribute with a value exactly<br />\nequal to a certain value.</td>\n</tr>\n<tr>\n<td>Attribute Not Equal Selector [name!=&#8221;value&#8221;]</td>\n<td>Elements that either don’t have the specified attribute<br />\nor do have the specified attribute but not with a certain<br />\nvalue.</td>\n</tr>\n<tr>\n<td>Attribute Starts With Selector [name^=&#8221;value&#8221;]</td>\n<td>Elements that have the specified attribute with a value<br />\nbeginning exactly with a given string.</td>\n</tr>\n<tr>\n<td>:button Selector</td>\n<td>All button elements and elements of type button.</td>\n</tr>\n<tr>\n<td>:checkbox Selector</td>\n<td>Elements of type checkbox.</td>\n</tr>\n<tr>\n<td>:checked Selector</td>\n<td>All elements that are checked or selected.</td>\n</tr>\n<tr>\n<td>Child Selector (“parent &gt; child”)</td>\n<td>All direct child elements specified by “child” of<br />\nelements specified by “parent”.</td>\n</tr>\n<tr>\n<td>Class Selector (“.class”)</td>\n<td>Elements with the given class.</td>\n</tr>\n<tr>\n<td>:contains() Selector</td>\n<td>Elements that contain the specified text.</td>\n</tr>\n<tr>\n<td>Descendant Selector (“ancestor descendant”)</td>\n<td>Elements that are descendants of a given ancestor.</td>\n</tr>\n<tr>\n<td>:disabled Selector</td>\n<td>Elements that are disabled.</td>\n</tr>\n<tr>\n<td>Element Selector (“element”)</td>\n<td>Elements with the given tag name.</td>\n</tr>\n<tr>\n<td>:empty Selector</td>\n<td>Elements that have no children (including text nodes).</td>\n</tr>\n<tr>\n<td>:enabled Selector</td>\n<td>Elements that are enabled.</td>\n</tr>\n<tr>\n<td>:eq() Selector</td>\n<td>The element at index n within the matched set.</td>\n</tr>\n<tr>\n<td>:even Selector</td>\n<td>Even elements, zero-indexed. See also odd.</td>\n</tr>\n<tr>\n<td>:file Selector</td>\n<td>Elements of type file.</td>\n</tr>\n<tr>\n<td>:first-child Selector</td>\n<td>Elements that are the first child of their parent.</td>\n</tr>\n<tr>\n<td>:first-of-type Selector</td>\n<td>Elements that are the first among siblings of the same element<br />\nname.</td>\n</tr>\n<tr>\n<td>:first Selector</td>\n<td>The first matched element.</td>\n</tr>\n<tr>\n<td>:focus Selector</td>\n<td>The element that is currently focused.</td>\n</tr>\n<tr>\n<td>:gt() Selector</td>\n<td>Elements at an index greater than index within the matched<br />\nset.</td>\n</tr>\n<tr>\n<td>Has Attribute Selector [name]</td>\n<td>Elements that have the specified attribute, with any<br />\nvalue.</td>\n</tr>\n<tr>\n<td>:has() Selector</td>\n<td>Elements which contain at least one element that matches the<br />\nspecified selector.</td>\n</tr>\n<tr>\n<td>:header Selector</td>\n<td>Elements that are headers, like h1, h2, h3, and so on.</td>\n</tr>\n<tr>\n<td>:hidden Selector</td>\n<td>Elements that are hidden.</td>\n</tr>\n<tr>\n<td>ID Selector (&#8220;#id&#8221;)</td>\n<td>A single element with the given id attribute.</td>\n</tr>\n<tr>\n<td>:image Selector</td>\n<td>Elements of type image.</td>\n</tr>\n<tr>\n<td>:input Selector</td>\n<td>All input, textarea, select, and button elements.</td>\n</tr>\n<tr>\n<td>:lang() Selector</td>\n<td>Elements of the specified language.</td>\n</tr>\n<tr>\n<td>:last-child Selector</td>\n<td>Elements that are the last child of their parent.</td>\n</tr>\n<tr>\n<td>:last-of-type Selector</td>\n<td>Elements that are the last among siblings of the same element<br />\nname.</td>\n</tr>\n<tr>\n<td>:last Selector</td>\n<td>The last matched element.</td>\n</tr>\n<tr>\n<td>:lt() Selector</td>\n<td>Elements at an index less than index within the matched<br />\nset.</td>\n</tr>\n<tr>\n<td>Multiple Attribute Selector [name=&#8221;value&#8221;][name2=&#8221;value2&#8243;]</td>\n<td>Elements that match all the specified attribute filters.</td>\n</tr>\n<tr>\n<td>Multiple Selector (“selector1, selector2,<br />\nselectorN”)</td>\n<td>The combined results of all the specified selectors.</td>\n</tr>\n<tr>\n<td>Next Adjacent Selector (“prev + next”)</td>\n<td>All next elements matching “next” that are<br />\nimmediately preceded by a sibling “prev”.</td>\n</tr>\n<tr>\n<td>Next Siblings Selector (“prev ~ siblings”)</td>\n<td>All sibling elements that follow after the “prev”<br />\nelement, have the same parent, and match the filtering<br />\n“siblings” selector.</td>\n</tr>\n<tr>\n<td>:not() Selector</td>\n<td>Elements that do not match the given selector.</td>\n</tr>\n<tr>\n<td>:nth-child() Selector</td>\n<td>Elements that are the nth-child of their parent.</td>\n</tr>\n<tr>\n<td>:nth-last-child() Selector</td>\n<td>Elements that are the nth-child of their parent, counting from<br />\nthe last element to the first.</td>\n</tr>\n<tr>\n<td>:nth-last-of-type() Selector</td>\n<td>All the elements that are the nth-child of their parent in<br />\nrelation to siblings with the same element name, counting from the<br />\nlast element to the first.</td>\n</tr>\n<tr>\n<td>:nth-of-type() Selector</td>\n<td>Elements that are the nth child of their parent in relation to<br />\nsiblings with the same element name.</td>\n</tr>\n<tr>\n<td>:odd Selector</td>\n<td>Odd elements, zero-indexed. See also even.</td>\n</tr>\n<tr>\n<td>:only-child Selector</td>\n<td>Elements that are the only child of their parent.</td>\n</tr>\n<tr>\n<td>:only-of-type Selector</td>\n<td>Elements that have no siblings with the same element name.</td>\n</tr>\n<tr>\n<td>:parent Selector</td>\n<td>Elements that have at least one child node (either an element<br />\nor text).</td>\n</tr>\n<tr>\n<td>:password Selector</td>\n<td>Elements of type password.</td>\n</tr>\n<tr>\n<td>:radio Selector</td>\n<td>Elements of type radio.</td>\n</tr>\n<tr>\n<td>:reset Selector</td>\n<td>Elements of type reset.</td>\n</tr>\n<tr>\n<td>:root Selector</td>\n<td>The element that is the root of the document.</td>\n</tr>\n<tr>\n<td>:selected Selector</td>\n<td>Elements that are selected.</td>\n</tr>\n<tr>\n<td>:submit Selector</td>\n<td>Elements of type submit.</td>\n</tr>\n<tr>\n<td>:target Selector</td>\n<td>The target element indicated by the fragment identifier of the<br />\ndocument’s URI.</td>\n</tr>\n<tr>\n<td>:text Selector</td>\n<td>All input elements of type text.</td>\n</tr>\n<tr>\n<td>:visible Selector</td>\n<td>Elements that are visible.</td>\n</tr>\n</tbody>\n</table>\n"}],"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":"One year","lifeExpectancySetFrom":"2022-03-03T00:00:00+00:00","dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":207525},{"headers":{"creationTime":"2016-03-27T16:47:04+00:00","modifiedTime":"2022-02-25T13:36:43+00:00","timestamp":"2022-02-25T18:01:11+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"JavaScript For Kids For Dummies Cheat Sheet","strippedTitle":"javascript for kids for dummies cheat sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","canonicalUrl":"","seo":{"metaDescription":"Learn how to program in JavaScript by converting CSS property names and avoiding words that cannot be used as variables, functions, methods, loop labels, or object names.","noIndex":0,"noFollow":0},"content":"When you’re programming in JavaScript, you need to know how to convert CSS property names to JavaScript. An important part of JavaScript’s ability to perform useful functions in the browser is its ability to respond to events, including those listed here. Finally, some words cannot be used as JavaScript variables, functions, methods, loop labels, or object names; those reserved words are listed here.","description":"When you’re programming in JavaScript, you need to know how to convert CSS property names to JavaScript. An important part of JavaScript’s ability to perform useful functions in the browser is its ability to respond to events, including those listed here. Finally, some words cannot be used as JavaScript variables, functions, methods, loop labels, or object names; those reserved words are listed here.","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":142523,"title":"Functioning Anonymously with JavaScript","slug":"functioning-anonymously-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142523"}},{"articleId":142521,"title":"Troubleshooting Tips for JavaScript","slug":"troubleshooting-tips-for-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142521"}},{"articleId":142522,"title":"Naming JavaScript Variables","slug":"naming-javascript-variables","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142522"}},{"articleId":142515,"title":"What Are JavaScript Reserved Words?","slug":"what-are-javascript-reserved-words","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142515"}},{"articleId":142514,"title":"Web Browser Events in JavaScript","slug":"web-browser-events-in-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142514"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281750,"slug":"javascript-for-kids-for-dummies","isbn":"9781119119869","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119119863-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/javascript-for-kids-for-dummies-cover-9781119119869-203x255.jpg","width":203,"height":255},"title":"JavaScript For Kids For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> and <b data-author-id=\"9071\">Eva Holland</b> are experienced web developers, tech trainers, and coauthors of <i>Coding with JavaScript For Dummies.</i> Together they founded WatzThis?, a company focused on training and course development.</p> ","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119119869&quot;]}]\" id=\"du-slot-62191967b8ba1\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119119869&quot;]}]\" id=\"du-slot-62191967b9ee1\"></div></div>"},"articleType":{"articleType":"Cheat Sheet","articleList":[{"articleId":142516,"title":"Converting CSS Property Names to JavaScript","slug":"converting-css-property-names-to-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142516"}},{"articleId":142514,"title":"Web Browser Events in JavaScript","slug":"web-browser-events-in-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142514"}},{"articleId":142515,"title":"What Are JavaScript Reserved Words?","slug":"what-are-javascript-reserved-words","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142515"}}],"content":[{"title":"Converting CSS property names to JavaScript ","thumb":null,"image":null,"content":"<div id=\"article-content-wrapper\" data-v-89b5964a=\"\" data-v-76ccd6ad=\"\">\n<article class=\"article-content\" data-v-89b5964a=\"\" data-testid=\"articleContent\">You can convert CSS property names to JavaScript. However, there are a few things you should remember if you plan on doing this. When changing styles with JavaScript, there are a couple simple rules:</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">If the CSS property is one word (such as <span class=\"code\">height</span>), it remains as it is.</p>\n</li>\n<li>\n<p class=\"first-para\">If the CSS property is more than one word, separated by dashes, it gets converted to camelCase.</p>\n</li>\n</ul>\n<p>Here is a complete reference of the property name conversions from CSS to JavaScript.</p>\n<table>\n<tbody>\n<tr>\n<th>CSS Property</th>\n<th>JavaScript Reference</th>\n</tr>\n<tr>\n<td><span class=\"code\">background</span></td>\n<td><span class=\"code\">background</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">background-attachment</span></td>\n<td><span class=\"code\">backgroundAttachment</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">background-color</span></td>\n<td><span class=\"code\">backgroundColor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">background-image</span></td>\n<td><span class=\"code\">backgroundImage</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">background-position</span></td>\n<td><span class=\"code\">backgroundPosition</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">background-repeat</span></td>\n<td><span class=\"code\">backgroundRepeat</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border</span></td>\n<td><span class=\"code\">border</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-bottom</span></td>\n<td><span class=\"code\">borderBottom</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-bottom-color</span></td>\n<td><span class=\"code\">borderBottomColor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-bottom-style</span></td>\n<td><span class=\"code\">borderBottomStyle</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-bottom-width</span></td>\n<td><span class=\"code\">borderBottomWidth</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-color</span></td>\n<td><span class=\"code\">borderColor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-left</span></td>\n<td><span class=\"code\">borderLeft</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-left-color</span></td>\n<td><span class=\"code\">borderLeftColor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-left-style</span></td>\n<td><span class=\"code\">borderLeftStyle</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-left-width</span></td>\n<td><span class=\"code\">borderLeftWidth</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-right</span></td>\n<td><span class=\"code\">borderRight</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-right-color</span></td>\n<td><span class=\"code\">borderRightColor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-right-style</span></td>\n<td><span class=\"code\">borderRightStyle</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-right-width</span></td>\n<td><span class=\"code\">borderRightWidth</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-style</span></td>\n<td><span class=\"code\">borderStyle</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-top</span></td>\n<td><span class=\"code\">borderTop</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-top-color</span></td>\n<td><span class=\"code\">borderTopColor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-top-style</span></td>\n<td><span class=\"code\">borderTopStyle</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-top-width</span></td>\n<td><span class=\"code\">borderTopWidth</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">border-width</span></td>\n<td><span class=\"code\">borderWidth</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">clear</span></td>\n<td><span class=\"code\">clear</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">clip</span></td>\n<td><span class=\"code\">clip</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">color</span></td>\n<td><span class=\"code\">color</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">cursor</span></td>\n<td><span class=\"code\">cursor</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">display</span></td>\n<td><span class=\"code\">display</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">filter</span></td>\n<td><span class=\"code\">filter</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">float</span></td>\n<td><span class=\"code\">css</span><span class=\"code\">Float</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">font</span></td>\n<td><span class=\"code\">font</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">font-family</span></td>\n<td><span class=\"code\">fontFamily</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">font-size</span></td>\n<td><span class=\"code\">fontSize</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">font-variant</span></td>\n<td><span class=\"code\">fontVariant</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">font-weight</span></td>\n<td><span class=\"code\">fontWeight</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">height</span></td>\n<td><span class=\"code\">height</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">left</span></td>\n<td><span class=\"code\">left</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">letter-spacing</span></td>\n<td><span class=\"code\">letterSpacing</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">line-height</span></td>\n<td><span class=\"code\">lineHeight</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">list-style</span></td>\n<td><span class=\"code\">listStyle</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">list-style-image</span></td>\n<td><span class=\"code\">listStyleImage</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">list-style-position</span></td>\n<td><span class=\"code\">listStylePosition</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">list-style-type</span></td>\n<td><span class=\"code\">listStyleType</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">margin</span></td>\n<td><span class=\"code\">margin</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">margin-bottom</span></td>\n<td><span class=\"code\">marginBottom</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">margin-left</span></td>\n<td><span class=\"code\">marginLeft</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">margin-right</span></td>\n<td><span class=\"code\">marginRight</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">margin-top</span></td>\n<td><span class=\"code\">marginTop</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">overflow</span></td>\n<td><span class=\"code\">overflow</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">padding</span></td>\n<td><span class=\"code\">padding</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">padding-bottom</span></td>\n<td><span class=\"code\">paddingBottom</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">padding-left</span></td>\n<td><span class=\"code\">paddingLeft</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">padding-right</span></td>\n<td><span class=\"code\">paddingRight</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">padding-top</span></td>\n<td><span class=\"code\">paddingTop</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">page-break-after</span></td>\n<td><span class=\"code\">pageBreakAfter</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">page-break-before</span></td>\n<td><span class=\"code\">pageBreakBefore</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">position</span></td>\n<td><span class=\"code\">position</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-align</span></td>\n<td><span class=\"code\">textAlign</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-decoration</span></td>\n<td><span class=\"code\">textDecoration</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-decoration: blink</span></td>\n<td><span class=\"code\">textDecorationBlink</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-decoration: line-through</span></td>\n<td><span class=\"code\">textDecorationLineThrough</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-decoration: none</span></td>\n<td><span class=\"code\">textDecorationNone</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-decoration: overline</span></td>\n<td><span class=\"code\">textDecorationOverline</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-decoration: underline</span></td>\n<td><span class=\"code\">textDecorationUnderline</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-indent</span></td>\n<td><span class=\"code\">textIndent</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">text-transform</span></td>\n<td><span class=\"code\">textTransform</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">top</span></td>\n<td><span class=\"code\">top</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">vertical-align</span></td>\n<td><span class=\"code\">verticalAlign</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">visibility</span></td>\n<td><span class=\"code\">visibility</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">width</span></td>\n<td><span class=\"code\">width</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">z-index</span></td>\n<td><span class=\"code\">zIndex</span></td>\n</tr>\n</tbody>\n</table>\n</article>\n</div>\n<div class=\"about-article-section\" data-v-2c35db38=\"\" data-v-76ccd6ad=\"\">\n<h2 class=\"h3 section-title\" data-v-2c35db38=\"\" data-testid=\"aboutArticleHead\"></h2>\n</div>\n"},{"title":"Web browser events in JavaScript ","thumb":null,"image":null,"content":"<div id=\"article-content-wrapper\" data-v-89b5964a=\"\" data-v-76ccd6ad=\"\">\n<article class=\"article-content\" data-v-89b5964a=\"\" data-testid=\"articleContent\">Web pages are much more than just static displays of text and graphics. JavaScript gives web pages interactivity and the ability to perform useful work. An important part of JavaScript’s ability to perform useful functions in the browser is its ability to respond to events.</p>\n<p>Here is a list of common events that happen in web browsers that JavaScript can respond to.</p>\n<table>\n<tbody>\n<tr>\n<th>Event</th>\n<th>Occurs When . . .</th>\n</tr>\n<tr>\n<td><span class=\"code\">abort</span></td>\n<td>The loading of a file is aborted.</td>\n</tr>\n<tr>\n<td><span class=\"code\">blur</span></td>\n<td>An element has gone out of focus. In other words, the element is no longer the thing that the user is focusing on.</td>\n</tr>\n<tr>\n<td><span class=\"code\">change</span></td>\n<td>An element’s value has changed since losing and regaining focus.</td>\n</tr>\n<tr>\n<td><span class=\"code\">click</span></td>\n<td>A mouse has been clicked on an element.</td>\n</tr>\n<tr>\n<td><span class=\"code\">dbclick</span></td>\n<td>A mouse has been clicked twice on an element.</td>\n</tr>\n<tr>\n<td><span class=\"code\">error</span></td>\n<td>A file failed to load.</td>\n</tr>\n<tr>\n<td><span class=\"code\">focus</span></td>\n<td>An element has come into focus. In other words, the element is what the user is currently focusing on.</td>\n</tr>\n<tr>\n<td><span class=\"code\">input</span></td>\n<td>The value of an <span class=\"code\"><input type=\"text\" /></span> or <textarea></textarea></td>\n</tr>\n</tbody>\n</table>\n</article>\n</div>\n<div class=\"about-article-section\" data-v-2c35db38=\"\" data-v-76ccd6ad=\"\">\n<h2 class=\"h3 section-title\" data-v-2c35db38=\"\" data-testid=\"aboutArticleHead\"></h2>\n</div>\n"},{"title":"What are JavaScript reserved words? ","thumb":null,"image":null,"content":"<div id=\"article-content-wrapper\" data-v-89b5964a=\"\" data-v-76ccd6ad=\"\">\n<article class=\"article-content\" data-v-89b5964a=\"\" data-testid=\"articleContent\">JavaScript has some reserved words you should know before you begin coding. The following table contains a list of JavaScript reserved words, which cannot be used as JavaScript variables, functions, methods, loop labels, or object names.</p>\n<table>\n<tbody>\n<tr>\n<td><span class=\"code\">abstract</span></td>\n<td><span class=\"code\">boolean</span></td>\n<td><span class=\"code\">break</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">byte</span></td>\n<td><span class=\"code\">case</span></td>\n<td><span class=\"code\">catch</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">char</span></td>\n<td><span class=\"code\">class</span></td>\n<td><span class=\"code\">const</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">continue</span></td>\n<td><span class=\"code\">debugger</span></td>\n<td><span class=\"code\">default</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">delete</span></td>\n<td><span class=\"code\">do</span></td>\n<td><span class=\"code\">double</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">else</span></td>\n<td><span class=\"code\">enum</span></td>\n<td><span class=\"code\">export</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">extends</span></td>\n<td><span class=\"code\">false</span></td>\n<td><span class=\"code\">final</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">finally</span></td>\n<td><span class=\"code\">float</span></td>\n<td><span class=\"code\">for</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">function</span></td>\n<td><span class=\"code\">goto</span></td>\n<td><span class=\"code\">if</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">implements</span></td>\n<td><span class=\"code\">import</span></td>\n<td><span class=\"code\">in</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">instanceof</span></td>\n<td><span class=\"code\">int</span></td>\n<td><span class=\"code\">interface</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">long</span></td>\n<td><span class=\"code\">native</span></td>\n<td><span class=\"code\">new</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">null</span></td>\n<td><span class=\"code\">package</span></td>\n<td><span class=\"code\">private</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">protected</span></td>\n<td><span class=\"code\">public</span></td>\n<td><span class=\"code\">return</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">short</span></td>\n<td><span class=\"code\">static</span></td>\n<td><span class=\"code\">super</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">switch</span></td>\n<td><span class=\"code\">synchronized</span></td>\n<td><span class=\"code\">this</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">throw</span></td>\n<td><span class=\"code\">throws</span></td>\n<td><span class=\"code\">transient</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">true</span></td>\n<td><span class=\"code\">try</span></td>\n<td><span class=\"code\">typeof</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">var</span></td>\n<td><span class=\"code\">void</span></td>\n<td><span class=\"code\">volatile</span></td>\n</tr>\n<tr>\n<td><span class=\"code\">while</span></td>\n<td><span class=\"code\">with</span></td>\n<td></td>\n</tr>\n</tbody>\n</table>\n</article>\n</div>\n<div class=\"about-article-section\" data-v-2c35db38=\"\" data-v-76ccd6ad=\"\">\n<h2 class=\"h3 section-title\" data-v-2c35db38=\"\" data-testid=\"aboutArticleHead\"></h2>\n</div>\n"}],"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Explore","lifeExpectancy":"Six months","lifeExpectancySetFrom":"2022-02-25T00:00:00+00:00","dummiesForKids":"yes","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":207485},{"headers":{"creationTime":"2016-03-27T16:47:46+00:00","modifiedTime":"2022-02-18T19:21:13+00:00","timestamp":"2022-02-24T17:07:34+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"JavaScript For Dummies Cheat Sheet","strippedTitle":"javascript for dummies cheat sheet","slug":"javascript-for-dummies-cheat-sheet","canonicalUrl":"","seo":{"metaDescription":"Learn how to fit JavaScript into existing code to add fun and friendly interactive features to your web pages.","noIndex":0,"noFollow":0},"content":"JavaScript opens up Web pages to you so that you can add interactive features and those user-friendly touches. Of course, you have to know how to fit JavaScript into existing code and what to input to get the effects you want. And, when things aren't working well, you may need a little help troubleshooting the problem to get back on track.","description":"JavaScript opens up Web pages to you so that you can add interactive features and those user-friendly touches. Of course, you have to know how to fit JavaScript into existing code and what to input to get the effects you want. And, when things aren't working well, you may need a little help troubleshooting the problem to get back on track.","blurb":"","authors":[],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}},{"articleId":144113,"title":"jQuery Selectors for Coding with JavaScript","slug":"jquery-selectors-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144113"}},{"articleId":144114,"title":"List of HTML5 APIs for Coding with JavaScript","slug":"list-of-html5-apis-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144114"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281669,"slug":"coding-with-javascript-for-dummies","isbn":"9781119056072","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119056071-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/coding-with-javascript-for-dummies-cover-9781119056072-203x255.jpg","width":203,"height":255},"title":"Coding with JavaScript For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> is an accomplished author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. <b data-author-id=\"9071\">Eva Holland</b> is an experienced writer and trainer who has designed and taught online, in-person, and video courses. They are cofounders of WatzThis? </p>","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217bb56e3910\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217bb56e43af\"></div></div>"},"articleType":{"articleType":"Cheat Sheet","articleList":[{"articleId":193279,"title":"JavaScript Object Terms","slug":"javascript-object-terms","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/193279"}},{"articleId":148043,"title":"Create a Hyperlink, Load a Web Page, and More with JavaScript","slug":"create-a-hyperlink-load-a-web-page-and-more-with-javascript","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/148043"}},{"articleId":193297,"title":"Troubleshooting JavaScript","slug":"troubleshooting-javascript","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/193297"}},{"articleId":193298,"title":"JavaScript Basic Cross-Browser Document Object Model","slug":"javascript-basic-cross-browser-document-object-model","categoryList":[],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/193298"}}],"content":[{"title":"JavaScript object terms","thumb":null,"image":null,"content":"<p>JavaScript is an object-based language. To understand how to interact with the document object model you work with in JavaScript, you need to understand some basic object-related terms. The following table shows the ones you&#8217;re likely to find most useful:</p>\n<table>\n<tbody>\n<tr>\n<th>Term</th>\n<th>JavaScript example</th>\n</tr>\n<tr>\n<td>An <i>object</i> is a thing (noun).</td>\n<td>A button is an object.</td>\n</tr>\n<tr>\n<td>You can describe an object with adjectives<br />\n<i>(properties)</i>.</td>\n<td>A button object has a <i>name</i> and a <i>type.</i></td>\n</tr>\n<tr>\n<td>An object can do things <i>(methods)</i>.</td>\n<td>A button object can <i>click().</i></td>\n</tr>\n<tr>\n<td>An object can respond to events <i>(event handlers)</i>.</td>\n<td>A button can recognize when it&#8217;s been clicked<br />\n(<i>onClick</i>)<i>.</i></td>\n</tr>\n</tbody>\n</table>\n"},{"title":"Create a hyperlink, load a web page, and more with JavaScript","thumb":null,"image":null,"content":"<p>JavaScript helps you include all sorts of fun and interactive elements on a Web page, and the following table shows you how to do the kinds of tasks you want to be able to do with JavaScript. Whether you want to load a Web page or copy some code, check for the how-to here:</p>\n<table>\n<tbody>\n<tr>\n<th>To Do This</th>\n<th>Do This in Navigator</th>\n<th>Do This in Internet Explorer</th>\n</tr>\n<tr>\n<td>Load a JavaScript-enabled Web page</td>\n<td>Double-click on the Navigator icon of a file on your machine;<br />\nor File→Open Page</td>\n<td>File→Open</td>\n</tr>\n<tr>\n<td>Look at someone else&#8217;s JavaScript code</td>\n<td>View→Page Source</td>\n<td>View→Source</td>\n</tr>\n<tr>\n<td>Find a JavaScript-related news group</td>\n<td>Window→ Mail &amp; Newsgroups</td>\n<td>Tools→Mail and News→Read News</td>\n</tr>\n<tr>\n<td>Copy and paste someone else&#8217;s JavaScript code</td>\n<td>Ctrl+C to copy; Ctrl+V to paste</td>\n<td>Ctrl+C to copy; Ctrl+V to paste</td>\n</tr>\n<tr>\n<td>Create a hyperlink</td>\n<td><span class=\"code\">&lt;A&gt; . . . &lt;/A&gt;</span></td>\n<td><span class=\"code\">&lt;A&gt; . . . &lt;/A&gt;</span></td>\n</tr>\n<tr>\n<td>Create an HTML form</td>\n<td><span class=\"code\">&lt;FORM&gt; . . . &lt;/FORM</span></td>\n<td><span class=\"code\">&lt;FORM&gt; . . . &lt;/FORM</span></td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"},{"title":"Troubleshooting JavaScript","thumb":null,"image":null,"content":"<p>JavaScript is a wonderful tool to use to create interesting and interactive Web pages, but every once in a while nothing works and you have no idea where to start to get things moving again. Not to worry; take a look at the following list for hints on what to do to get back on track (try them in this order):</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">Is your Web browser installed and configured correctly, including your communications stuff?</p>\n</li>\n<li>\n<p class=\"first-para\">Is JavaScript enabled?</p>\n<p class=\"child-para\">From <i>Navigator:</i> Choose Edit→Preferences→Advanced→Scripts &amp; Plugins and select the Enable JavaScript For Navigator check box.</p>\n<p class=\"child-para\">From<i> Internet Explorer:</i></p>\n<ul class=\"level-two\">\n<li>\n<p class=\"first-para\">Choose Tools→Internet Options and click the Security tab</p>\n</li>\n<li>\n<p class=\"first-para\">Click the Custom Level button</p>\n</li>\n<li>\n<p class=\"first-para\">Scroll down until the Scripting category appears</p>\n</li>\n<li>\n<p class=\"first-para\">Select the Enable radio button for these options: Active Scripting; Allow Paste Operations Via Script; and Scripting of Java Applets</p>\n</li>\n</ul>\n</li>\n<li>\n<p class=\"first-para\">Are all your JavaScript statements between <span class=\"code\">&lt;SCRIPT&gt;</span> and <span class=\"code\">&lt;/SCRIPT&gt;</span> tags (except JavaScript statements attached to event handlers, which don&#8217;t have to be)?</p>\n</li>\n<li>\n<p class=\"first-para\">Does your HTML file work as it should by itself if you delete your JavaScript statements?</p>\n</li>\n<li>\n<p class=\"first-para\">Do the names of your JavaScript variables all start with an alphabetic character (or an underscore)?</p>\n</li>\n</ul>\n"},{"title":"JavaScript basic cross-browser document object model","thumb":null,"image":null,"content":"<p>Like any other language, JavaScript has its own grammar and syntax — rules you need to follow to be understood. The following document object hierarchy lists the built-in objects you can work with in client-side JavaScript, along with their relationships to each other:</p>\n<p><img loading=\"lazy\" src=\"https://www.dummies.com/wp-content/uploads/184198.image0.jpg\" alt=\"image0.jpg\" width=\"446\" height=\"400\" /></p>\n"}],"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":"One year","lifeExpectancySetFrom":"2022-02-18T00:00:00+00:00","dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":207619},{"headers":{"creationTime":"2016-03-27T09:06:39+00:00","modifiedTime":"2017-03-07T15:45:07+00:00","timestamp":"2022-02-24T17:02:42+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"10 Online Tools to Help You Write Better JavaScript","strippedTitle":"10 online tools to help you write better javascript","slug":"10-online-tools-to-help-you-write-better-javascript","canonicalUrl":"","seo":{"metaDescription":"","noIndex":0,"noFollow":0},"content":"<p>JavaScript has more libraries, resources, and helpful tools for working with it than for any other programming language. Here are ten of the best resources for helping you write more and better JavaScript.</p>","description":"<p>JavaScript has more libraries, resources, and helpful tools for working with it than for any other programming language. Here are ten of the best resources for helping you write more and better JavaScript.</p>","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":33599,"title":"Coding","slug":"coding","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33599"}},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}},{"articleId":144113,"title":"jQuery Selectors for Coding with JavaScript","slug":"jquery-selectors-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144113"}},{"articleId":144114,"title":"List of HTML5 APIs for Coding with JavaScript","slug":"list-of-html5-apis-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144114"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281669,"slug":"coding-with-javascript-for-dummies","isbn":"9781119056072","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119056071-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/coding-with-javascript-for-dummies-cover-9781119056072-203x255.jpg","width":203,"height":255},"title":"Coding with JavaScript For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> is an accomplished author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. <b data-author-id=\"9071\">Eva Holland</b> is an experienced writer and trainer who has designed and taught online, in-person, and video courses. They are cofounders of WatzThis? </p>","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217ba328bef7\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217ba328c8ad\"></div></div>"},"articleType":{"articleType":"Step by Step","articleList":null,"content":[{"title":"JSLint","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482092.image0.jpg","width":535,"height":384},"content":"<p><i>JSLint shows you where your code has problems.</i></p>\n<p><a href=\"http://www.jslint.com/\">JSLint</a>, created by JavaScript super-genius Douglas Crockford, is a code checker that is designed to tell you where your code has problems &#8212; and not just the kind of problems that would generate errors.</p>\n<p>JSLint will tell you about things that thousands of JavaScript programmers do all the time, but that are problematic for one reason or another. If your code passes JSLint&#8217;s tests, it&#8217;s probably some pretty good code.</p>\n"},{"title":"JSFiddle.net","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482093.image1.jpg","width":535,"height":384},"content":"<p><i>JSFiddle.net is a complete JavaScript playground.</i></p>\n<p><a href=\"https://jsfiddle.net/\">JSFiddle</a> is an online program for running web applications in a test environment. When you go to JSFiddle.net, the first thing you see is a grid with four panes:</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">One for HTML</p>\n</li>\n<li>\n<p class=\"first-para\">One for CSS</p>\n</li>\n<li>\n<p class=\"first-para\">One for JavaScript</p>\n</li>\n<li>\n<p class=\"first-para\">One for Results</p>\n</li>\n</ul>\n<p>Enter the appropriate type of code into any of the first three boxes and press the Run button, and the results will be displayed in the Results pane.</p>\n<p>With JSFiddle, you can even save your fiddles and email the urls to other people to check out.</p>\n"},{"title":"JSBin","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482094.image2.jpg","width":535,"height":384},"content":"<p><i>Collaborate with JSBin.</i></p>\n<p><a href=\"https://jsbin.com/\">JSBin</a> is a code-sharing site that allows you to write code while other people watch you. Whether you have exhibitionist tendencies, you&#8217;re teaching a junior developer, or you&#8217;re collaborating with other programmers on a project, the functionality in JSBin can be very helpful for working out bugs, getting feedback, and sharing code.</p>\n"},{"title":"javascriptcompressor.com","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482095.image3.jpg","width":535,"height":384},"content":"<p><i>javascriptcompressor.com makes files smaller.</i></p>\n<p>The smaller your JavaScript files are, the faster they&#8217;ll load. <a href=\"http://www.javascriptcompressor.com\">JavaScriptCompressor.com</a> has a window where you can drop your JavaScript. When you press Compress, a new version that&#8217;s functionally the same as your original code, but compressed, shows up in the lower window. Not only does the compressed code take up less disk space and bandwidth, it&#8217;s also obfuscated, to hide its inner secrets from prying eyes.</p>\n"},{"title":"jsbeautifier.org","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482096.image4.jpg","width":535,"height":384},"content":"<p><i>Make your code pretty</i><i>y</i><i>.</i></p>\n<p><a href=\"http://jsbeautifier.org\">JSBeautifier</a> is an online tool that takes your sloppy JavaScript and makes it pretty. Some of the techniques that it uses to beautify code include</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">Inserting new lines</p>\n</li>\n<li>\n<p class=\"first-para\">Breaking lines of chained code</p>\n</li>\n<li>\n<p class=\"first-para\">Inserting spaces before conditional statements</p>\n</li>\n<li>\n<p class=\"first-para\">Making indentations standard throughout the script</p>\n</li>\n</ul>\n"},{"title":"JavaScript RegEx generator","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482097.image5.jpg","width":535,"height":384},"content":"<p><i>Point and click regular expressions.</i></p>\n<p><a href=\"http://www.jslab.dk/tools.regex.php\">JavaScript Lab&#8217;s JavaScript RegEx Generator</a> is a user-friendly form for pointing and clicking your way to writing regular expressions. Simply click some buttons, enter text to match, set some options, and your regular expression shows up at the bottom.</p>\n"},{"title":"JSONformatter","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482098.image6.jpg","width":535,"height":384},"content":"<p><i>The JSON formatter validates and arranges JSON data.</i></p>\n<p>The <a href=\"http://jsonformatter.curiousconcept.com\">JSON formatter and validator</a> allows you to paste in unformatted JSON code, such as the code you would get from copying from the Chrome Developer Tools. It then makes the code pretty and makes sure that it&#8217;s valid.</p>\n"},{"title":"jshint.com","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482099.image7.jpg","width":535,"height":384},"content":"<p><i>JShint detects problems with your code as you write it.</i></p>\n<p>JShint is a tool that helps you detect errors and potential problems in your JavaScript. In addition, it will give you useful information about your JavaScript code as you write it.</p>\n"},{"title":"Mozilla Developer Network","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482100.image8.jpg","width":535,"height":384},"content":"<p><i>Mozilla Developer Network is one of the best JavaScript references.</i></p>\n<p>The <a href=\"https://developer.mozilla.org/en-US/docs/web/JavaScript\">Mozilla Developer Network&#8217;s JavaScript section</a> is an essential resource for information about everything having to do with JavaScript. Its JavaScript resources include reference material, tutorials, articles, and demos for programmers at every level.</p>\n"},{"title":"Douglas Crockford","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482101.image9.jpg","width":535,"height":384},"content":"<p><i>Douglas Crockford</i><i>&#8217;</i><i>s JavaScript videos.</i></p>\n<p><a href=\"http://javascript.crockford.com\">Douglas Crockford</a> is a hero to many JavaScript programmers. His website has a great collection of free videos on every aspect of JavaScript. These videos are essential to a programmer who is looking to move past beginner and into the more advanced levels of JavaScript expertise.</p>\n"}],"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":203241},{"headers":{"creationTime":"2016-03-27T09:06:25+00:00","modifiedTime":"2017-01-26T19:23:09+00:00","timestamp":"2022-02-24T17:02:26+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"10 JavaScript Frameworks and Libraries to Learn Next","strippedTitle":"10 javascript frameworks and libraries to learn next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","canonicalUrl":"","seo":{"metaDescription":"","noIndex":0,"noFollow":0},"content":"<p>You’ve only just begun your JavaScript journey. The universe of tools, frameworks, and libraries built with JavaScript and that will help you write better JavaScript programs is vast and growing at a mind-boggling pace. Here are ten great JavaScript frameworks and libraries.</p>","description":"<p>You’ve only just begun your JavaScript journey. The universe of tools, frameworks, and libraries built with JavaScript and that will help you write better JavaScript programs is vast and growing at a mind-boggling pace. Here are ten great JavaScript frameworks and libraries.</p>","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":33599,"title":"Coding","slug":"coding","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33599"}},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":144113,"title":"jQuery Selectors for Coding with JavaScript","slug":"jquery-selectors-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144113"}},{"articleId":144114,"title":"List of HTML5 APIs for Coding with JavaScript","slug":"list-of-html5-apis-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144114"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281669,"slug":"coding-with-javascript-for-dummies","isbn":"9781119056072","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119056071-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/coding-with-javascript-for-dummies-cover-9781119056072-203x255.jpg","width":203,"height":255},"title":"Coding with JavaScript For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> is an accomplished author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. <b data-author-id=\"9071\">Eva Holland</b> is an experienced writer and trainer who has designed and taught online, in-person, and video courses. They are cofounders of WatzThis? </p>","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217ba225cc6a\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217ba225d692\"></div></div>"},"articleType":{"articleType":"Step by Step","articleList":null,"content":[{"title":"Angular JS","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482064.image0.jpg","width":531,"height":425},"content":"<p><i>Angular JS.</i></p>\n<p><a href=\"http://angularjs.org\">Angular JS</a>, commonly referred to as Angular, is an open source JavaScript application framework. Often confused with a library because of its lightweight design, Angular JS is maintained by Google and the community of developers.</p>\n<p>The framework adapts and extends traditional HTML to serve dynamic content through two-way data-bindings that allow for the automatic synchronization of models (data) and views (web pages). As a result, AngularJS de-emphasizes DOM manipulation with the goal of improving testability and performance.</p>\n<p>Angular&#8217;s design goals are to</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">Improve testability of the code by separating DOM manipulation from application logic.</p>\n</li>\n<li>\n<p class=\"first-para\">Emphasize the testing of code just as much as the writing of code.</p>\n</li>\n<li>\n<p class=\"first-para\">Create separation between the client-side of the application and the server side.</p>\n</li>\n<li>\n<p class=\"first-para\">Provide structure for the application building process, from designing to the UI through writing logic to testing.</p>\n</li>\n</ul>\n<p>Who uses it? YouTube.com, Lynda.com, Netflix.com, and freelancer.com.</p>\n"},{"title":"Backbone.js","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482065.image1.jpg","width":531,"height":425},"content":"<p><i>Backbone.js.</i></p>\n<p><a href=\"http://backbonejs.org/\">Backbone.js</a> is an open source MVC JavaScript library designed for building single-page web apps. Developing web apps with Backbone gives your app structure and enforces the very good principle that communication with the server should be done through a RESTful API.</p>\n<p>The result of using Backbone is that your code will be more modular, and you&#8217;ll be able to build and keep track of very complicated web apps with minimal code and in an organized way.</p>\n<p>Backbone only has one dependency (underscore.js) and adds very minimal load to your web app.</p>\n<p>Who uses it? reddit.com, bitbucket.org, tumblr.com, pintrest.com, and linkedin.com.</p>\n"},{"title":"Ember.js","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482066.image2.jpg","width":531,"height":425},"content":"<p><i>Ember.js.</i></p>\n<p><a href=\"http://emberjs.com\">Ember.js</a> is one of the older MVC JavaScript frameworks, with roots going way back to 2007. Ember calls itself &#147;a framework for creating ambitious web applications.&#148; It&#8217;s based on the MVC software architecture pattern. Like Backbone, it&#8217;s designed for creating single-page web applications.</p>\n<p>Ember has a reputation for having a steep learning curve. However, once you know it, the benefits of using Ember are many. Ember is designed to favor convention over configuration. What this means for Ember developers is that if they write code according to Ember&#8217;s normal practices, Ember will infer much of the configuration of the app, rather than requiring the developer to specify everything about the app manually. This can be a great timesaver.</p>\n<p>Who uses it? digitalocean.com, vine.co, nbcnews.com, twitch.tv, and mediabistro.com.</p>\n"},{"title":"Famo.us","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482067.image3.jpg","width":531,"height":425},"content":"<p><i>Famo.us.</i></p>\n<p><a href=\"http://famo.us\">Famo.us</a> is an open source JavaScript framework for creating complex user interfaces for any screen. It has a 3D rendering engine built into it, which makes it possible for developers to write JavaScript code that can move objects around the browser in 3D and to create effects and interfaces that previously were only available in native software applications. The result is that web apps created with Famo.us can be much faster and work much more smoothly than web apps built using just HTML5, CSS3, and JavaScript.</p>\n<p>Who uses it? InkaBinka.com, SuperStereo, Requested App, and Japan Today.</p>\n"},{"title":"Knockout","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482068.image4.jpg","width":531,"height":425},"content":"<p><i>Knockout.</i></p>\n<p><a href=\"http://knockoutjs.com\">Knockout</a> is an open source JavaScript framework for simplifying dynamic JavaScript user interfaces. It uses the Model-View-View-Model pattern.</p>\n<p>Knockout includes</p>\n<ul class=\"level-one\">\n<li>\n<p class=\"first-para\">Declarative bindings</p>\n</li>\n<li>\n<p class=\"first-para\">Automatic User Interface Refresh (the UI updates automatically when data changes)</p>\n</li>\n<li>\n<p class=\"first-para\">Dependency tracking</p>\n</li>\n<li>\n<p class=\"first-para\">Templating</p>\n</li>\n</ul>\n<p>Who uses it? mlb.com, ancestry.com, Eventbrite.com, and ameritrade.com.</p>\n"},{"title":"QUnit","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482069.image5.jpg","width":531,"height":425},"content":"<p><i>QUnit.</i></p>\n<p><a href=\"http://qunitjs.com\">QUnit</a> is a unit testing framework for JavaScript, which is used by many open source JavaScript projects, including jQuery. It can test any generic JavaScript code and is known for being powerful as well as easy to use.</p>\n<p>Who uses it? jQuery, jQuery UI, jQuery Mobile, sitepoint.com, and many JavaScript developers.</p>\n"},{"title":"underscore.js","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482070.image6.jpg","width":531,"height":425},"content":"<p><i>Underscore.js.</i></p>\n<p><a href=\"http://underscorejs.com\">Underscore</a> is a JavaScript library that provides many useful helper functions to programmers. Once you start using the features of Underscore, you&#8217;ll wonder how you ever got by without them.</p>\n<p>Examples of Underscore helpers include sortBy (for sorting lists), groupBy (for grouping a collection into sets), contains (returns true if a list contains a specified value), shuffle (returns a shuffled copy of a list), and around 100 other functions &#8212; many of which should have been built into JavaScript from the beginning.</p>\n<p>Who uses it? dropbox.com, lifehacker.com, theverge.com, att.com, and gawker.com.</p>\n"},{"title":"Modernizr","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482071.image7.jpg","width":531,"height":425},"content":"<p><i>Modernizr.</i></p>\n<p><a href=\"http://modernizr.com\">Modernizr</a> is a JavaScript library for detecting the features of a web browser in which it&#8217;s running. It&#8217;s most often used as a very simple and handy way to check whether a user&#8217;s browser can run a particular bit of JavaScript or make use of an API prior to attempting to use that feature. Modernizr is often used in conjunction with tools called Polyfills, which provide alternative ways to accomplish cutting-edge features of modern browsers in less-capable devices and browsers.</p>\n<p>Who uses it? go.com, about.com, hostgator.com, addthis.com, and usatoday.com.</p>\n"},{"title":"Handlebars.js","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482072.image8.jpg","width":535,"height":428},"content":"<p><i>Handlebars.</i></p>\n<p><a href=\"http://handlebarsjs.com\">Handlebars</a> is a client-side JavaScript templating engine. It makes it possible for programmers to insert templates into HTML pages that will be parsed using live data that is passed to the Handlebars.js function.</p>\n<p>Who uses it? meetup.com, mashable.com, flickr.com, wired.com, and <br />overstock.com.</p>\n"},{"title":"jQuery","thumb":{"src":null,"width":0,"height":0},"image":{"src":"https://www.dummies.com/wp-content/uploads/482073.image9.jpg","width":535,"height":411},"content":"<p><i>JQuery.</i></p>\n<p><a href=\"http://jquery.com\">JQuery</a> is the &#147;Write Less, Do More&#148; JavaScript library. Used by over 60 percent of the most popular sites on the web, it has become an indispensable tool for most JavaScript programmers. Just a few of the things that jQuery makes easier include document manipulation, event handling, animation, and Ajax.</p>\n<p>In addition, jQuery has a plug-in architecture that allows other developers to build upon the core jQuery functionality in order to create new libraries and frameworks.</p>\n<p>Some of the most popular jQuery plugins include jQuery UI, jQuery Mobile, numerous effects, data pickers, image manipulation tools, and image sliders. Check out this complete list of available <a href=\"http://plugins.jquery.com\">jQuery plugins</a>.</p>\n<p>Who uses it? WordPress.com, Pinterest, Amazon, Microsoft.com, Etsy, and many, many more.</p>\n"}],"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":203240},{"headers":{"creationTime":"2016-03-26T07:57:44+00:00","modifiedTime":"2017-01-24T14:51:21+00:00","timestamp":"2022-02-24T17:02:25+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"JavaScript Reserved Words","strippedTitle":"javascript reserved words","slug":"javascript-reserved-words","canonicalUrl":"","seo":{"metaDescription":"","noIndex":0,"noFollow":0},"content":"<p>When coding with JavaScript, it will benefit you to know certain reserved words. The following list contains JavaScript reserved words. You can’t use these words as JavaScript variables, functions, methods, loop labels, or object names.</p>\r\n<table>\r\n<tr>\r\n<td>abstract</td>\r\n<td>final</td>\r\n<td>public</td>\r\n</tr>\r\n<tr>\r\n<td>boolean</td>\r\n<td>finally</td>\r\n<td>return</td>\r\n</tr>\r\n<tr>\r\n<td>break</td>\r\n<td>float</td>\r\n<td>short</td>\r\n</tr>\r\n<tr>\r\n<td>byte</td>\r\n<td>for</td>\r\n<td>static</td>\r\n</tr>\r\n<tr>\r\n<td>case</td>\r\n<td>function</td>\r\n<td>super</td>\r\n</tr>\r\n<tr>\r\n<td>catch</td>\r\n<td>goto</td>\r\n<td>switch</td>\r\n</tr>\r\n<tr>\r\n<td>char</td>\r\n<td>if</td>\r\n<td>synchronized</td>\r\n</tr>\r\n<tr>\r\n<td>class</td>\r\n<td>implements</td>\r\n<td>this</td>\r\n</tr>\r\n<tr>\r\n<td>const</td>\r\n<td>import</td>\r\n<td>throw</td>\r\n</tr>\r\n<tr>\r\n<td>continue</td>\r\n<td>in</td>\r\n<td>throws</td>\r\n</tr>\r\n<tr>\r\n<td>debugger</td>\r\n<td>instanceof</td>\r\n<td>transient</td>\r\n</tr>\r\n<tr>\r\n<td>default</td>\r\n<td>int</td>\r\n<td>true</td>\r\n</tr>\r\n<tr>\r\n<td>delete</td>\r\n<td>interface</td>\r\n<td>try</td>\r\n</tr>\r\n<tr>\r\n<td>do</td>\r\n<td>long</td>\r\n<td>typeof</td>\r\n</tr>\r\n<tr>\r\n<td>double</td>\r\n<td>native</td>\r\n<td>var</td>\r\n</tr>\r\n<tr>\r\n<td>else</td>\r\n<td>new</td>\r\n<td>void</td>\r\n</tr>\r\n<tr>\r\n<td>enum</td>\r\n<td>null</td>\r\n<td>volatile</td>\r\n</tr>\r\n<tr>\r\n<td>export</td>\r\n<td>package</td>\r\n<td>while</td>\r\n</tr>\r\n<tr>\r\n<td>extends</td>\r\n<td>private</td>\r\n<td>with</td>\r\n</tr>\r\n<tr>\r\n<td>false</td>\r\n<td>protected</td>\r\n<td>\r\n</td>\r\n</tr>\r\n</table>","description":"<p>When coding with JavaScript, it will benefit you to know certain reserved words. The following list contains JavaScript reserved words. You can’t use these words as JavaScript variables, functions, methods, loop labels, or object names.</p>\r\n<table>\r\n<tr>\r\n<td>abstract</td>\r\n<td>final</td>\r\n<td>public</td>\r\n</tr>\r\n<tr>\r\n<td>boolean</td>\r\n<td>finally</td>\r\n<td>return</td>\r\n</tr>\r\n<tr>\r\n<td>break</td>\r\n<td>float</td>\r\n<td>short</td>\r\n</tr>\r\n<tr>\r\n<td>byte</td>\r\n<td>for</td>\r\n<td>static</td>\r\n</tr>\r\n<tr>\r\n<td>case</td>\r\n<td>function</td>\r\n<td>super</td>\r\n</tr>\r\n<tr>\r\n<td>catch</td>\r\n<td>goto</td>\r\n<td>switch</td>\r\n</tr>\r\n<tr>\r\n<td>char</td>\r\n<td>if</td>\r\n<td>synchronized</td>\r\n</tr>\r\n<tr>\r\n<td>class</td>\r\n<td>implements</td>\r\n<td>this</td>\r\n</tr>\r\n<tr>\r\n<td>const</td>\r\n<td>import</td>\r\n<td>throw</td>\r\n</tr>\r\n<tr>\r\n<td>continue</td>\r\n<td>in</td>\r\n<td>throws</td>\r\n</tr>\r\n<tr>\r\n<td>debugger</td>\r\n<td>instanceof</td>\r\n<td>transient</td>\r\n</tr>\r\n<tr>\r\n<td>default</td>\r\n<td>int</td>\r\n<td>true</td>\r\n</tr>\r\n<tr>\r\n<td>delete</td>\r\n<td>interface</td>\r\n<td>try</td>\r\n</tr>\r\n<tr>\r\n<td>do</td>\r\n<td>long</td>\r\n<td>typeof</td>\r\n</tr>\r\n<tr>\r\n<td>double</td>\r\n<td>native</td>\r\n<td>var</td>\r\n</tr>\r\n<tr>\r\n<td>else</td>\r\n<td>new</td>\r\n<td>void</td>\r\n</tr>\r\n<tr>\r\n<td>enum</td>\r\n<td>null</td>\r\n<td>volatile</td>\r\n</tr>\r\n<tr>\r\n<td>export</td>\r\n<td>package</td>\r\n<td>while</td>\r\n</tr>\r\n<tr>\r\n<td>extends</td>\r\n<td>private</td>\r\n<td>with</td>\r\n</tr>\r\n<tr>\r\n<td>false</td>\r\n<td>protected</td>\r\n<td>\r\n</td>\r\n</tr>\r\n</table>","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":33599,"title":"Coding","slug":"coding","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33599"}},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}},{"articleId":144114,"title":"List of HTML5 APIs for Coding with JavaScript","slug":"list-of-html5-apis-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144114"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281669,"slug":"coding-with-javascript-for-dummies","isbn":"9781119056072","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119056071-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/coding-with-javascript-for-dummies-cover-9781119056072-203x255.jpg","width":203,"height":255},"title":"Coding with JavaScript For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> is an accomplished author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. <b data-author-id=\"9071\">Eva Holland</b> is an experienced writer and trainer who has designed and taught online, in-person, and video courses. They are cofounders of WatzThis? </p>","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217ba213fb13\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217ba21404aa\"></div></div>"},"articleType":{"articleType":"Articles","articleList":null,"content":null,"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":143900},{"headers":{"creationTime":"2016-03-26T07:38:16+00:00","modifiedTime":"2017-01-24T14:49:52+00:00","timestamp":"2022-02-24T17:02:25+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"What Are JavaScript Reserved Words?","strippedTitle":"what are javascript reserved words?","slug":"what-are-javascript-reserved-words","canonicalUrl":"","seo":{"metaDescription":"","noIndex":0,"noFollow":0},"content":"<p>JavaScript has some reserved words you should know before you begin coding. The following table contains a list of JavaScript reserved words, which cannot be used as JavaScript variables, functions, methods, loop labels, or object names.</p>\r\n<table>\r\n<tr>\r\n<td><span class=\"code\">abstract</span></td>\r\n<td><span class=\"code\">boolean</span></td>\r\n<td><span class=\"code\">break</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">byte</span></td>\r\n<td><span class=\"code\">case</span></td>\r\n<td><span class=\"code\">catch</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">char</span></td>\r\n<td><span class=\"code\">class</span></td>\r\n<td><span class=\"code\">const</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">continue</span></td>\r\n<td><span class=\"code\">debugger</span></td>\r\n<td><span class=\"code\">default</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">delete</span></td>\r\n<td><span class=\"code\">do</span></td>\r\n<td><span class=\"code\">double</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">else</span></td>\r\n<td><span class=\"code\">enum</span></td>\r\n<td><span class=\"code\">export</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">extends</span></td>\r\n<td><span class=\"code\">false</span></td>\r\n<td><span class=\"code\">final</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">finally</span></td>\r\n<td><span class=\"code\">float</span></td>\r\n<td><span class=\"code\">for</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">function</span></td>\r\n<td><span class=\"code\">goto</span></td>\r\n<td><span class=\"code\">if</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">implements</span></td>\r\n<td><span class=\"code\">import</span></td>\r\n<td><span class=\"code\">in</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">instanceof</span></td>\r\n<td><span class=\"code\">int</span></td>\r\n<td><span class=\"code\">interface</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">long</span></td>\r\n<td><span class=\"code\">native</span></td>\r\n<td><span class=\"code\">new</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">null</span></td>\r\n<td><span class=\"code\">package</span></td>\r\n<td><span class=\"code\">private</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">protected</span></td>\r\n<td><span class=\"code\">public</span></td>\r\n<td><span class=\"code\">return</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">short</span></td>\r\n<td><span class=\"code\">static</span></td>\r\n<td><span class=\"code\">super</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">switch</span></td>\r\n<td><span class=\"code\">synchronized</span></td>\r\n<td><span class=\"code\">this</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">throw</span></td>\r\n<td><span class=\"code\">throws</span></td>\r\n<td><span class=\"code\">transient</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">true</span></td>\r\n<td><span class=\"code\">try</span></td>\r\n<td><span class=\"code\">typeof</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">var</span></td>\r\n<td><span class=\"code\">void</span></td>\r\n<td><span class=\"code\">volatile</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">while</span></td>\r\n<td><span class=\"code\">with</span></td>\r\n<td><span class=\"code\"></span></td>\r\n</tr>\r\n</table>","description":"<p>JavaScript has some reserved words you should know before you begin coding. The following table contains a list of JavaScript reserved words, which cannot be used as JavaScript variables, functions, methods, loop labels, or object names.</p>\r\n<table>\r\n<tr>\r\n<td><span class=\"code\">abstract</span></td>\r\n<td><span class=\"code\">boolean</span></td>\r\n<td><span class=\"code\">break</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">byte</span></td>\r\n<td><span class=\"code\">case</span></td>\r\n<td><span class=\"code\">catch</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">char</span></td>\r\n<td><span class=\"code\">class</span></td>\r\n<td><span class=\"code\">const</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">continue</span></td>\r\n<td><span class=\"code\">debugger</span></td>\r\n<td><span class=\"code\">default</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">delete</span></td>\r\n<td><span class=\"code\">do</span></td>\r\n<td><span class=\"code\">double</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">else</span></td>\r\n<td><span class=\"code\">enum</span></td>\r\n<td><span class=\"code\">export</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">extends</span></td>\r\n<td><span class=\"code\">false</span></td>\r\n<td><span class=\"code\">final</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">finally</span></td>\r\n<td><span class=\"code\">float</span></td>\r\n<td><span class=\"code\">for</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">function</span></td>\r\n<td><span class=\"code\">goto</span></td>\r\n<td><span class=\"code\">if</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">implements</span></td>\r\n<td><span class=\"code\">import</span></td>\r\n<td><span class=\"code\">in</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">instanceof</span></td>\r\n<td><span class=\"code\">int</span></td>\r\n<td><span class=\"code\">interface</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">long</span></td>\r\n<td><span class=\"code\">native</span></td>\r\n<td><span class=\"code\">new</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">null</span></td>\r\n<td><span class=\"code\">package</span></td>\r\n<td><span class=\"code\">private</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">protected</span></td>\r\n<td><span class=\"code\">public</span></td>\r\n<td><span class=\"code\">return</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">short</span></td>\r\n<td><span class=\"code\">static</span></td>\r\n<td><span class=\"code\">super</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">switch</span></td>\r\n<td><span class=\"code\">synchronized</span></td>\r\n<td><span class=\"code\">this</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">throw</span></td>\r\n<td><span class=\"code\">throws</span></td>\r\n<td><span class=\"code\">transient</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">true</span></td>\r\n<td><span class=\"code\">try</span></td>\r\n<td><span class=\"code\">typeof</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">var</span></td>\r\n<td><span class=\"code\">void</span></td>\r\n<td><span class=\"code\">volatile</span></td>\r\n</tr>\r\n<tr>\r\n<td><span class=\"code\">while</span></td>\r\n<td><span class=\"code\">with</span></td>\r\n<td><span class=\"code\"></span></td>\r\n</tr>\r\n</table>","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":142522,"title":"Naming JavaScript Variables","slug":"naming-javascript-variables","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142522"}},{"articleId":142521,"title":"Troubleshooting Tips for JavaScript","slug":"troubleshooting-tips-for-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142521"}},{"articleId":142523,"title":"Functioning Anonymously with JavaScript","slug":"functioning-anonymously-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142523"}},{"articleId":142516,"title":"Converting CSS Property Names to JavaScript","slug":"converting-css-property-names-to-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/142516"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281750,"slug":"javascript-for-kids-for-dummies","isbn":"9781119119869","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119119863-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119119863/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/javascript-for-kids-for-dummies-cover-9781119119869-203x255.jpg","width":203,"height":255},"title":"JavaScript For Kids For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> and <b data-author-id=\"9071\">Eva Holland</b> are experienced web developers, tech trainers, and coauthors of <i>Coding with JavaScript For Dummies.</i> Together they founded WatzThis?, a company focused on training and course development.</p> ","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119119869&quot;]}]\" id=\"du-slot-6217ba2130823\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119119869&quot;]}]\" id=\"du-slot-6217ba2131189\"></div></div>"},"articleType":{"articleType":"Articles","articleList":null,"content":null,"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Explore","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":142515},{"headers":{"creationTime":"2016-03-26T22:54:38+00:00","modifiedTime":"2016-03-26T22:54:38+00:00","timestamp":"2022-02-24T16:59:27+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"JavaScript and HTML","strippedTitle":"javascript and html","slug":"javascript-and-html","canonicalUrl":"","seo":{"metaDescription":"","noIndex":0,"noFollow":0},"content":"<p>You can think of JavaScript as an extension to HTML; an add-on, if you will.</p>\n<p>Here's how it works. HTML tags create objects; JavaScript lets you manipulate those objects. For example, you use the HTML <BODY> and </BODY> tags to create a Web page, or <i>document.</i> As shown in Table 1, after that document is created, you can interact with it by using JavaScript. For example, you can use a special JavaScript construct called the onLoad <i>event handler</i> to trigger an action — play a little welcoming tune, perhaps — when the document is loaded onto a Web browser. Examples of other HTML objects that you interact with using JavaScript include windows, text fields, images, and embedded Java applets.</p>\n<p><b>Table 1: Creating and Working with Objects</b></p>\n<table class=\"article-table\" cellpadding=\"7\" border=\"1\"><tr class=\"article-table-row\"><td valign=\"top\"><p><b><i>Object</i></b></p>\n</td><td valign=\"top\"><p><b><i>HTML Tag</i></b></p>\n</td><td valign=\"top\"><p><b><i>JavaScript</i></b></p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>Web page</p>\n</td><td valign=\"top\"><p><BODY> . . . </BODY></p>\n</td><td valign=\"top\"><p>document</p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>Image</p>\n</td><td valign=\"top\"><p><IMG NAME=\"myImage\"></p>\n</td><td valign=\"top\"><p>document.myImage</p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>HTML form</p>\n</td><td valign=\"top\"><p><FORM name=\"myForm\"> . . . </FORM></p>\n</td><td valign=\"top\"><p>document.myForm</p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>Button</p>\n</td><td valign=\"top\"><p><INPUT TYPE=\"button\" NAME=\"myButton\"></p>\n</td><td valign=\"top\"><p>document.myForm.myButton</p>\n</td></tr>\n</table>\n<p>To add JavaScript to a Web page, all you have to do is embed JavaScript code in an HTML file. Below the line in which you embed the JavaScript code, you can reference, or <i>call,</i> that JavaScript code in response to an event handler or an HTML link.</p>\n<p>You have two choices when it comes to embedding JavaScript code in an HTML file:</p>\n<ul><li><b>You can use the <SCRIPT> and </SCRIPT> tags to include JavaScript code directly into an HTML file.</b> </li></ul>\n<ul> In the example below, a JavaScript function called processOrder() is defined at the top of the HTML file. Further down in the HTML file, the JavaScript function is associated with an event handler — specifically, the processOrder button's onClick event handler. (In other words, the JavaScript code contained in the processOrder() function runs when a user clicks the processOrder button.)</ul>\n<p class=\"article-code\"><HTML><br /><HEAD><br /><SCRIPT LANGUAGE=\"JavaScript\"><br /> // JavaScript statements go here<br /> function processOrder() {<br /> // More JavaScript statements go here<br /> }<br /></SCRIPT><br /></HEAD><br /><BODY><br /><FORM NAME=\"myForm\"><br /><INPUT TYPE=\"button\" NAME=\"processOrder\" VALUE=\"Click to process your order\" onClick=\"processOrder();\"><br />...<br /></HTML></p>\n<ul><li><b>You can use the <SCRIPT> and </SCRIPT> tags to include a separate, external JavaScript file (a file containing only JavaScript statements and bearing a .js extension) into an HTML file.</b> </li></ul>\n<ul> In the example below, the JavaScript processOrder() function is defined in the myJSfile.js file. The function is triggered, or <i>called,</i> when the user clicks the Click Here to Process Your Order link.</ul>\n<p class=\"article-code\"><HTML><br /><HEAD><br /><SCRIPT LANGUAGE=\"JavaScript\" SRC=\"myJSfile.js\"><br /></SCRIPT><br /></HEAD><br /><BODY><br /><A HREF=\"javascript:processOrder();\">Click here to process your order.</A><br />...<br /></BODY><br /></HTML></p>\n<p>Because Web pages aren't made of HTML alone, JavaScript provides access to more than just HTML objects. JavaScript also provides access to browser- and platform-specific objects. Browser plug-ins (such as RealPlayer and Adobe Acrobat), the name and version of a particular viewer's browser, and the current date are all examples of non-HTML objects that you can work with by using JavaScript.</p>\n<p class=\"TechnicalStuff\">Together, all the objects that make up a Web site — HTML objects, browser- and platform-related objects, and special objects built right into the JavaScript language — are known as the <i>document object model</i> (DOM).</p>","description":"<p>You can think of JavaScript as an extension to HTML; an add-on, if you will.</p>\n<p>Here's how it works. HTML tags create objects; JavaScript lets you manipulate those objects. For example, you use the HTML <BODY> and </BODY> tags to create a Web page, or <i>document.</i> As shown in Table 1, after that document is created, you can interact with it by using JavaScript. For example, you can use a special JavaScript construct called the onLoad <i>event handler</i> to trigger an action — play a little welcoming tune, perhaps — when the document is loaded onto a Web browser. Examples of other HTML objects that you interact with using JavaScript include windows, text fields, images, and embedded Java applets.</p>\n<p><b>Table 1: Creating and Working with Objects</b></p>\n<table class=\"article-table\" cellpadding=\"7\" border=\"1\"><tr class=\"article-table-row\"><td valign=\"top\"><p><b><i>Object</i></b></p>\n</td><td valign=\"top\"><p><b><i>HTML Tag</i></b></p>\n</td><td valign=\"top\"><p><b><i>JavaScript</i></b></p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>Web page</p>\n</td><td valign=\"top\"><p><BODY> . . . </BODY></p>\n</td><td valign=\"top\"><p>document</p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>Image</p>\n</td><td valign=\"top\"><p><IMG NAME=\"myImage\"></p>\n</td><td valign=\"top\"><p>document.myImage</p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>HTML form</p>\n</td><td valign=\"top\"><p><FORM name=\"myForm\"> . . . </FORM></p>\n</td><td valign=\"top\"><p>document.myForm</p>\n</td></tr>\n<tr class=\"article-table-row\"><td valign=\"top\"><p>Button</p>\n</td><td valign=\"top\"><p><INPUT TYPE=\"button\" NAME=\"myButton\"></p>\n</td><td valign=\"top\"><p>document.myForm.myButton</p>\n</td></tr>\n</table>\n<p>To add JavaScript to a Web page, all you have to do is embed JavaScript code in an HTML file. Below the line in which you embed the JavaScript code, you can reference, or <i>call,</i> that JavaScript code in response to an event handler or an HTML link.</p>\n<p>You have two choices when it comes to embedding JavaScript code in an HTML file:</p>\n<ul><li><b>You can use the <SCRIPT> and </SCRIPT> tags to include JavaScript code directly into an HTML file.</b> </li></ul>\n<ul> In the example below, a JavaScript function called processOrder() is defined at the top of the HTML file. Further down in the HTML file, the JavaScript function is associated with an event handler — specifically, the processOrder button's onClick event handler. (In other words, the JavaScript code contained in the processOrder() function runs when a user clicks the processOrder button.)</ul>\n<p class=\"article-code\"><HTML><br /><HEAD><br /><SCRIPT LANGUAGE=\"JavaScript\"><br /> // JavaScript statements go here<br /> function processOrder() {<br /> // More JavaScript statements go here<br /> }<br /></SCRIPT><br /></HEAD><br /><BODY><br /><FORM NAME=\"myForm\"><br /><INPUT TYPE=\"button\" NAME=\"processOrder\" VALUE=\"Click to process your order\" onClick=\"processOrder();\"><br />...<br /></HTML></p>\n<ul><li><b>You can use the <SCRIPT> and </SCRIPT> tags to include a separate, external JavaScript file (a file containing only JavaScript statements and bearing a .js extension) into an HTML file.</b> </li></ul>\n<ul> In the example below, the JavaScript processOrder() function is defined in the myJSfile.js file. The function is triggered, or <i>called,</i> when the user clicks the Click Here to Process Your Order link.</ul>\n<p class=\"article-code\"><HTML><br /><HEAD><br /><SCRIPT LANGUAGE=\"JavaScript\" SRC=\"myJSfile.js\"><br /></SCRIPT><br /></HEAD><br /><BODY><br /><A HREF=\"javascript:processOrder();\">Click here to process your order.</A><br />...<br /></BODY><br /></HTML></p>\n<p>Because Web pages aren't made of HTML alone, JavaScript provides access to more than just HTML objects. JavaScript also provides access to browser- and platform-specific objects. Browser plug-ins (such as RealPlayer and Adobe Acrobat), the name and version of a particular viewer's browser, and the current date are all examples of non-HTML objects that you can work with by using JavaScript.</p>\n<p class=\"TechnicalStuff\">Together, all the objects that make up a Web site — HTML objects, browser- and platform-related objects, and special objects built right into the JavaScript language — are known as the <i>document object model</i> (DOM).</p>","blurb":"","authors":[],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":33600,"title":"HTML","slug":"html","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33600"}},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":0,"slug":null,"isbn":null,"categoryList":null,"amazon":null,"image":null,"title":null,"testBankPinActivationLink":null,"bookOutOfPrint":false,"authorsInfo":null,"authors":null,"_links":null},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[null]}]\" id=\"du-slot-6217b96f34672\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[null]}]\" id=\"du-slot-6217b96f3502e\"></div></div>"},"articleType":{"articleType":"Articles","articleList":null,"content":null,"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Explore","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":201121},{"headers":{"creationTime":"2016-03-26T07:59:06+00:00","modifiedTime":"2016-03-26T07:59:06+00:00","timestamp":"2022-02-24T16:46:32+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"JavaScript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"},"slug":"javascript","categoryId":33603}],"title":"List of HTML5 APIs for Coding with JavaScript","strippedTitle":"list of html5 apis for coding with javascript","slug":"list-of-html5-apis-for-coding-with-javascript","canonicalUrl":"","seo":{"metaDescription":"","noIndex":0,"noFollow":0},"content":"<p>Here is an extensive list of HTML5 APIs that have either been proposed or implemented. Browsers are constantly being updated with new features. For the latest on which browsers support which features, visit <a href=\"http://caniuse.com\">caniuse.com</a>.</p>\n<table>\n<tr>\n<th>API</th>\n<th>What It Does</th>\n</tr>\n<tr>\n<td>Ambient Light API</td>\n<td>Provides information about the ambient light levels, as\ndetected by a device’s light sensor.</td>\n</tr>\n<tr>\n<td>Battery Status API</td>\n<td>Provides information about the battery status of the\ndevice.</td>\n</tr>\n<tr>\n<td>Canvas 2D Context</td>\n<td>Allows drawing and manipulation of graphics in a browser.</td>\n</tr>\n<tr>\n<td>Clipboard API</td>\n<td>Provides access to the operating system’s copy, cut, and\npaste functionality.</td>\n</tr>\n<tr>\n<td>Contacts</td>\n<td>Allows access to a user’s contacts repository in the web\nbrowser.</td>\n</tr>\n<tr>\n<td>Drag and Drop</td>\n<td>Supports dragging and dropping items within and between browser\nwindows.</td>\n</tr>\n<tr>\n<td>File API</td>\n<td>Provides programs with secure access to the device’s file\nsystem.</td>\n</tr>\n<tr>\n<td>Forms</td>\n<td>Gives programs access to the new data types defined in\nHTML5.</td>\n</tr>\n<tr>\n<td>Fullscreen API</td>\n<td>Controls the use of the user’s full screen for web pages,\nwithout the browser user interface.</td>\n</tr>\n<tr>\n<td>Gamepad API</td>\n<td>Supports input from USB gamepad controllers.</td>\n</tr>\n<tr>\n<td>Geolocation</td>\n<td>Provides web applications with access to geographical location\ndata about the user’s device.</td>\n</tr>\n<tr>\n<td>getUserMedia/Stream API</td>\n<td>Provides access to external device data (such as webcam\nvideo).</td>\n</tr>\n<tr>\n<td>History API</td>\n<td>Allows programs to manipulate the browser history.</td>\n</tr>\n<tr>\n<td>HTML Microdata</td>\n<td>Provides a way to annotate content with computer-readable\nlabels.</td>\n</tr>\n<tr>\n<td>Indexed database</td>\n<td>Creates a simple client-side database system in the web\nbrowser.</td>\n</tr>\n<tr>\n<td>Internationalization API</td>\n<td>Provides access to locale-sensitive formatting and string\ncomparison.</td>\n</tr>\n<tr>\n<td>Offline apps</td>\n<td>Allows programmers to make web apps available in offline\nmode.</td>\n</tr>\n<tr>\n<td>Proximity API</td>\n<td>Provides information about the distance between a device and an\nobject.</td>\n</tr>\n<tr>\n<td>Screen Orientation</td>\n<td>Reads the screen orientation state (portrait or landscape) and\ngives programmers the ability to know when it changes and to lock\nit in place.</td>\n</tr>\n<tr>\n<td>Selection</td>\n<td>Supports selecting elements in JavaScript using CSS-style\nselectors.</td>\n</tr>\n<tr>\n<td>Server-sent events</td>\n<td>Allows the server to push data to the browser without the\nbrowser needing to request it.</td>\n</tr>\n<tr>\n<td>User Timing API</td>\n<td>Gives programmers access to high-precision timestamps to\nmeasure the performance of applications.</td>\n</tr>\n<tr>\n<td>Vibration API</td>\n<td>Allows access to the vibration functionality of the\ndevice.</td>\n</tr>\n<tr>\n<td>Web Audio API</td>\n<td>API for processing and synthesizing audio.</td>\n</tr>\n<tr>\n<td>Web Messaging</td>\n<td>Allows browser windows to communicate with each other across\ndifferent origins.</td>\n</tr>\n<tr>\n<td>Web Speech API</td>\n<td>Provides speech input and text-to-speech output features.</td>\n</tr>\n<tr>\n<td>Web storage</td>\n<td>Allows the storage of key-value pairs in the browser.</td>\n</tr>\n<tr>\n<td>Web sockets</td>\n<td>Opens an interactive communication session between the browser\nand server.</td>\n</tr>\n<tr>\n<td>Web Workers</td>\n<td>Allows JavaScript to execute scripts in the background.</td>\n</tr>\n<tr>\n<td>XMLHttpRequest2</td>\n<td>Improves <span class=\"code\">XMLHttpRequest</span> to eliminate\nthe need to work around the same-origin policy errors and to make\n<span class=\"code\">XMLHttpRequest</span> work with new features of\nHTML5.</td>\n</tr>\n</table>","description":"<p>Here is an extensive list of HTML5 APIs that have either been proposed or implemented. Browsers are constantly being updated with new features. For the latest on which browsers support which features, visit <a href=\"http://caniuse.com\">caniuse.com</a>.</p>\n<table>\n<tr>\n<th>API</th>\n<th>What It Does</th>\n</tr>\n<tr>\n<td>Ambient Light API</td>\n<td>Provides information about the ambient light levels, as\ndetected by a device’s light sensor.</td>\n</tr>\n<tr>\n<td>Battery Status API</td>\n<td>Provides information about the battery status of the\ndevice.</td>\n</tr>\n<tr>\n<td>Canvas 2D Context</td>\n<td>Allows drawing and manipulation of graphics in a browser.</td>\n</tr>\n<tr>\n<td>Clipboard API</td>\n<td>Provides access to the operating system’s copy, cut, and\npaste functionality.</td>\n</tr>\n<tr>\n<td>Contacts</td>\n<td>Allows access to a user’s contacts repository in the web\nbrowser.</td>\n</tr>\n<tr>\n<td>Drag and Drop</td>\n<td>Supports dragging and dropping items within and between browser\nwindows.</td>\n</tr>\n<tr>\n<td>File API</td>\n<td>Provides programs with secure access to the device’s file\nsystem.</td>\n</tr>\n<tr>\n<td>Forms</td>\n<td>Gives programs access to the new data types defined in\nHTML5.</td>\n</tr>\n<tr>\n<td>Fullscreen API</td>\n<td>Controls the use of the user’s full screen for web pages,\nwithout the browser user interface.</td>\n</tr>\n<tr>\n<td>Gamepad API</td>\n<td>Supports input from USB gamepad controllers.</td>\n</tr>\n<tr>\n<td>Geolocation</td>\n<td>Provides web applications with access to geographical location\ndata about the user’s device.</td>\n</tr>\n<tr>\n<td>getUserMedia/Stream API</td>\n<td>Provides access to external device data (such as webcam\nvideo).</td>\n</tr>\n<tr>\n<td>History API</td>\n<td>Allows programs to manipulate the browser history.</td>\n</tr>\n<tr>\n<td>HTML Microdata</td>\n<td>Provides a way to annotate content with computer-readable\nlabels.</td>\n</tr>\n<tr>\n<td>Indexed database</td>\n<td>Creates a simple client-side database system in the web\nbrowser.</td>\n</tr>\n<tr>\n<td>Internationalization API</td>\n<td>Provides access to locale-sensitive formatting and string\ncomparison.</td>\n</tr>\n<tr>\n<td>Offline apps</td>\n<td>Allows programmers to make web apps available in offline\nmode.</td>\n</tr>\n<tr>\n<td>Proximity API</td>\n<td>Provides information about the distance between a device and an\nobject.</td>\n</tr>\n<tr>\n<td>Screen Orientation</td>\n<td>Reads the screen orientation state (portrait or landscape) and\ngives programmers the ability to know when it changes and to lock\nit in place.</td>\n</tr>\n<tr>\n<td>Selection</td>\n<td>Supports selecting elements in JavaScript using CSS-style\nselectors.</td>\n</tr>\n<tr>\n<td>Server-sent events</td>\n<td>Allows the server to push data to the browser without the\nbrowser needing to request it.</td>\n</tr>\n<tr>\n<td>User Timing API</td>\n<td>Gives programmers access to high-precision timestamps to\nmeasure the performance of applications.</td>\n</tr>\n<tr>\n<td>Vibration API</td>\n<td>Allows access to the vibration functionality of the\ndevice.</td>\n</tr>\n<tr>\n<td>Web Audio API</td>\n<td>API for processing and synthesizing audio.</td>\n</tr>\n<tr>\n<td>Web Messaging</td>\n<td>Allows browser windows to communicate with each other across\ndifferent origins.</td>\n</tr>\n<tr>\n<td>Web Speech API</td>\n<td>Provides speech input and text-to-speech output features.</td>\n</tr>\n<tr>\n<td>Web storage</td>\n<td>Allows the storage of key-value pairs in the browser.</td>\n</tr>\n<tr>\n<td>Web sockets</td>\n<td>Opens an interactive communication session between the browser\nand server.</td>\n</tr>\n<tr>\n<td>Web Workers</td>\n<td>Allows JavaScript to execute scripts in the background.</td>\n</tr>\n<tr>\n<td>XMLHttpRequest2</td>\n<td>Improves <span class=\"code\">XMLHttpRequest</span> to eliminate\nthe need to work around the same-origin policy errors and to make\n<span class=\"code\">XMLHttpRequest</span> work with new features of\nHTML5.</td>\n</tr>\n</table>","blurb":"","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"primaryCategoryTaxonomy":{"categoryId":33603,"title":"JavaScript","slug":"javascript","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33603"}},"secondaryCategoryTaxonomy":{"categoryId":33599,"title":"Coding","slug":"coding","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33599"}},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":null,"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}},{"articleId":203240,"title":"10 JavaScript Frameworks and Libraries to Learn Next","slug":"10-javascript-frameworks-and-libraries-to-learn-next","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203240"}},{"articleId":144113,"title":"jQuery Selectors for Coding with JavaScript","slug":"jquery-selectors-for-coding-with-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/144113"}}],"fromCategory":[{"articleId":209047,"title":"jQuery For Dummies Cheat Sheet","slug":"jquery-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/209047"}},{"articleId":207619,"title":"JavaScript For Dummies Cheat Sheet","slug":"javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207619"}},{"articleId":207525,"title":"Coding with JavaScript For Dummies Cheat Sheet","slug":"coding-with-javascript-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207525"}},{"articleId":207485,"title":"JavaScript For Kids For Dummies Cheat Sheet","slug":"javascript-for-kids-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/207485"}},{"articleId":203241,"title":"10 Online Tools to Help You Write Better JavaScript","slug":"10-online-tools-to-help-you-write-better-javascript","categoryList":["technology","programming-web-design","javascript"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/203241"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281669,"slug":"coding-with-javascript-for-dummies","isbn":"9781119056072","categoryList":["technology","programming-web-design","javascript"],"amazon":{"default":"https://www.amazon.com/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1119056071-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1119056071/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/coding-with-javascript-for-dummies-cover-9781119056072-203x255.jpg","width":203,"height":255},"title":"Coding with JavaScript For Dummies","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"\n <p><b data-author-id=\"9070\">Chris Minnick</b> is an accomplished author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. <b data-author-id=\"9071\">Eva Holland</b> is an experienced writer and trainer who has designed and taught online, in-person, and video courses. They are cofounders of WatzThis? </p>","authors":[{"authorId":9070,"name":"Chris Minnick","slug":"chris-minnick","description":"Chris Minnick is an author, trainer, and web developer who has worked on web and mobile projects for both small and major businesses. Learn more at watzthis.com.","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9070"}},{"authorId":9071,"name":"Eva Holland","slug":"eva-holland","description":"Eva Holland is an experienced web developer, tech trainer, and coauthor of Coding with JavaScript For Dummies. With Chris Minnick, she founded WatzThis?, a company focused on training and course development. ","_links":{"self":"https://dummies-api.dummies.com/v2/authors/9071"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217b6683120a\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{&quot;key&quot;:&quot;cat&quot;,&quot;values&quot;:[&quot;technology&quot;,&quot;programming-web-design&quot;,&quot;javascript&quot;]},{&quot;key&quot;:&quot;isbn&quot;,&quot;values&quot;:[&quot;9781119056072&quot;]}]\" id=\"du-slot-6217b66831ce3\"></div></div>"},"articleType":{"articleType":"Articles","articleList":null,"content":null,"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":144114}],"_links":{"self":{"self":"https://dummies-api.dummies.com/v2/categories/33603/categoryArticles?sortField=time&sortOrder=1&size=10&offset=0"},"next":{"self":"https://dummies-api.dummies.com/v2/categories/33603/categoryArticles?sortField=time&sortOrder=1&size=10&offset=10"},"last":{"self":"https://dummies-api.dummies.com/v2/categories/33603/categoryArticles?sortField=time&sortOrder=1&size=10&offset=76"}}},"objectTitle":"","status":"success","pageType":"article-category","objectId":"33603","page":1,"sortField":"time","sortOrder":1,"categoriesIds":[],"articleTypes":[],"filterData":{"categoriesFilter":[{"itemId":0,"itemName":"All Categories","count":86}],"articleTypeFilter":[{"articleType":"All Types","count":86},{"articleType":"Articles","count":80},{"articleType":"Cheat Sheet","count":4},{"articleType":"Step by Step","count":2}]},"filterDataLoadedStatus":"success","pageSize":10},"adsState":{"pageScripts":{"headers":{"timestamp":"2022-05-27T12:59:08+00:00"},"adsId":0,"data":{"scripts":[{"pages":["all"],"location":"header","script":"<!--Optimizely Script-->\r\n<script src=\"https://cdn.optimizely.com/js/10563184655.js\"></script>","enabled":false},{"pages":["all"],"location":"header","script":"<!-- comScore Tag -->\r\n<script>var _comscore = _comscore || [];_comscore.push({ c1: \"2\", c2: \"15097263\" });(function() {var s = document.createElement(\"script\"), el = document.getElementsByTagName(\"script\")[0]; s.async = true;s.src = (document.location.protocol == \"https:\" ? \"https://sb\" : \"http://b\") + \".scorecardresearch.com/beacon.js\";el.parentNode.insertBefore(s, el);})();</script><noscript><img src=\"https://sb.scorecardresearch.com/p?c1=2&c2=15097263&cv=2.0&cj=1\" /></noscript>\r\n<!-- / comScore Tag -->","enabled":true},{"pages":["all"],"location":"footer","script":"<!--BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET-->\r\n<script type='text/javascript'>\r\n(function(){var g=function(e,h,f,g){\r\nthis.get=function(a){for(var a=a+\"=\",c=document.cookie.split(\";\"),b=0,e=c.length;b<e;b++){for(var d=c[b];\" \"==d.charAt(0);)d=d.substring(1,d.length);if(0==d.indexOf(a))return d.substring(a.length,d.length)}return null};\r\nthis.set=function(a,c){var b=\"\",b=new Date;b.setTime(b.getTime()+6048E5);b=\"; expires=\"+b.toGMTString();document.cookie=a+\"=\"+c+b+\"; path=/; \"};\r\nthis.check=function(){var a=this.get(f);if(a)a=a.split(\":\");else if(100!=e)\"v\"==h&&(e=Math.random()>=e/100?0:100),a=[h,e,0],this.set(f,a.join(\":\"));else return!0;var c=a[1];if(100==c)return!0;switch(a[0]){case \"v\":return!1;case \"r\":return c=a[2]%Math.floor(100/c),a[2]++,this.set(f,a.join(\":\")),!c}return!0};\r\nthis.go=function(){if(this.check()){var a=document.createElement(\"script\");a.type=\"text/javascript\";a.src=g;document.body&&document.body.appendChild(a)}};\r\nthis.start=function(){var t=this;\"complete\"!==document.readyState?window.addEventListener?window.addEventListener(\"load\",function(){t.go()},!1):window.attachEvent&&window.attachEvent(\"onload\",function(){t.go()}):t.go()};};\r\ntry{(new g(100,\"r\",\"QSI_S_ZN_5o5yqpvMVjgDOuN\",\"https://zn5o5yqpvmvjgdoun-wiley.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_5o5yqpvMVjgDOuN\")).start()}catch(i){}})();\r\n</script><div id='ZN_5o5yqpvMVjgDOuN'><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div>\r\n<!--END WEBSITE FEEDBACK SNIPPET-->","enabled":false},{"pages":["all"],"location":"header","script":"<!-- Hotjar Tracking Code for http://www.dummies.com -->\r\n<script>\r\n (function(h,o,t,j,a,r){\r\n h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\r\n h._hjSettings={hjid:257151,hjsv:6};\r\n a=o.getElementsByTagName('head')[0];\r\n r=o.createElement('script');r.async=1;\r\n r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\r\n a.appendChild(r);\r\n })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');\r\n</script>","enabled":false},{"pages":["article"],"location":"header","script":"<!-- //Connect Container: dummies --> <script src=\"//get.s-onetag.com/bffe21a1-6bb8-4928-9449-7beadb468dae/tag.min.js\" async defer></script>","enabled":true},{"pages":["homepage"],"location":"header","script":"<meta name=\"facebook-domain-verification\" content=\"irk8y0irxf718trg3uwwuexg6xpva0\" />","enabled":true},{"pages":["homepage","article","category","search"],"location":"footer","script":"<!-- Facebook Pixel Code -->\r\n<noscript>\r\n<img height=\"1\" width=\"1\" src=\"https://www.facebook.com/tr?id=256338321977984&ev=PageView&noscript=1\"/>\r\n</noscript>\r\n<!-- End Facebook Pixel Code -->","enabled":true}]}},"pageScriptsLoadedStatus":"success"},"searchState":{"searchList":[],"searchStatus":"initial","relatedArticlesList":[],"relatedArticlesStatus":"initial"},"routeState":{"name":"ArticleCategory","path":"/category/articles/javascript-33603/","hash":"","query":{},"params":{"category":"javascript-33603"},"fullPath":"/category/articles/javascript-33603/","meta":{"routeType":"category","breadcrumbInfo":{"suffix":"Articles","baseRoute":"/category/articles"},"prerenderWithAsyncData":true},"from":{"name":null,"path":"/","hash":"","query":{},"params":{},"fullPath":"/","meta":{}}},"sfmcState":{"newsletterSignupStatus":"initial"}}
Logo
  • Articles Open Article Categories
  • Books Open Book Categories
  • Collections Open Collections list
  • Custom Solutions
  • Home
  • Technology Articles
  • Programming & Web Design Articles
  • JavaScript Articles

JavaScript Articles

Check out these articles to discover tons of cool stuff that you can do with JavaScript code.

Articles From JavaScript

page 1
page 2
page 3
page 4
page 5
page 6
page 7
page 8
page 9

Filter Results

86 results
86 results
JavaScript jQuery For Dummies Cheat Sheet

Cheat Sheet / Updated 03-03-2022

jQuery is a powerful and simple JavaScript library that you can use to select elements in your Web page, add impressive special effects, and insert content. Also find great resources for jQuery tips, tutorials, and plug-ins.

View Cheat Sheet
JavaScript Coding with JavaScript For Dummies Cheat Sheet

Cheat Sheet / Updated 03-03-2022

Master coding with JavaScript by discovering which words are reserved in JavaScript, an extensive list of HTML5 APIs, and jQuery selectors. Just check out these helpful tips to get started.

View Cheat Sheet
JavaScript JavaScript For Kids For Dummies Cheat Sheet

Cheat Sheet / Updated 02-25-2022

When you’re programming in JavaScript, you need to know how to convert CSS property names to JavaScript. An important part of JavaScript’s ability to perform useful functions in the browser is its ability to respond to events, including those listed here. Finally, some words cannot be used as JavaScript variables, functions, methods, loop labels, or object names; those reserved words are listed here.

View Cheat Sheet
JavaScript JavaScript For Dummies Cheat Sheet

Cheat Sheet / Updated 02-18-2022

JavaScript opens up Web pages to you so that you can add interactive features and those user-friendly touches. Of course, you have to know how to fit JavaScript into existing code and what to input to get the effects you want. And, when things aren't working well, you may need a little help troubleshooting the problem to get back on track.

View Cheat Sheet
JavaScript 10 Online Tools to Help You Write Better JavaScript

Step by Step / Updated 03-07-2017

JavaScript has more libraries, resources, and helpful tools for working with it than for any other programming language. Here are ten of the best resources for helping you write more and better JavaScript.

View Step by Step
JavaScript 10 JavaScript Frameworks and Libraries to Learn Next

Step by Step / Updated 01-26-2017

You’ve only just begun your JavaScript journey. The universe of tools, frameworks, and libraries built with JavaScript and that will help you write better JavaScript programs is vast and growing at a mind-boggling pace. Here are ten great JavaScript frameworks and libraries.

View Step by Step
JavaScript JavaScript Reserved Words

Article / Updated 01-24-2017

When coding with JavaScript, it will benefit you to know certain reserved words. The following list contains JavaScript reserved words. You can’t use these words as JavaScript variables, functions, methods, loop labels, or object names. abstract final public boolean finally return break float short byte for static case function super catch goto switch char if synchronized class implements this const import throw continue in throws debugger instanceof transient default int true delete interface try do long typeof double native var else new void enum null volatile export package while extends private with false protected

View Article
JavaScript What Are JavaScript Reserved Words?

Article / Updated 01-24-2017

JavaScript has some reserved words you should know before you begin coding. The following table contains a list of JavaScript reserved words, which cannot be used as JavaScript variables, functions, methods, loop labels, or object names. abstract boolean break byte case catch char class const continue debugger default delete do double else enum export extends false final finally float for function goto if implements import in instanceof int interface long native new null package private protected public return short static super switch synchronized this throw throws transient true try typeof var void volatile while with

View Article
JavaScript JavaScript and HTML

Article / Updated 03-26-2016

You can think of JavaScript as an extension to HTML; an add-on, if you will. Here's how it works. HTML tags create objects; JavaScript lets you manipulate those objects. For example, you use the HTML and tags to create a Web page, or document. As shown in Table 1, after that document is created, you can interact with it by using JavaScript. For example, you can use a special JavaScript construct called the onLoad event handler to trigger an action — play a little welcoming tune, perhaps — when the document is loaded onto a Web browser. Examples of other HTML objects that you interact with using JavaScript include windows, text fields, images, and embedded Java applets. Table 1: Creating and Working with Objects Object HTML Tag JavaScript Web page . . . document Image document.myImage HTML form . . . document.myForm Button document.myForm.myButton To add JavaScript to a Web page, all you have to do is embed JavaScript code in an HTML file. Below the line in which you embed the JavaScript code, you can reference, or call, that JavaScript code in response to an event handler or an HTML link. You have two choices when it comes to embedding JavaScript code in an HTML file: You can use the and tags to include JavaScript code directly into an HTML file. In the example below, a JavaScript function called processOrder() is defined at the top of the HTML file. Further down in the HTML file, the JavaScript function is associated with an event handler — specifically, the processOrder button's onClick event handler. (In other words, the JavaScript code contained in the processOrder() function runs when a user clicks the processOrder button.) <br /> // JavaScript statements go here<br /> function processOrder() {<br /> // More JavaScript statements go here<br /> }<br />... You can use the and tags to include a separate, external JavaScript file (a file containing only JavaScript statements and bearing a .js extension) into an HTML file. In the example below, the JavaScript processOrder() function is defined in the myJSfile.js file. The function is triggered, or called, when the user clicks the Click Here to Process Your Order link. <br />Click here to process your order.... Because Web pages aren't made of HTML alone, JavaScript provides access to more than just HTML objects. JavaScript also provides access to browser- and platform-specific objects. Browser plug-ins (such as RealPlayer and Adobe Acrobat), the name and version of a particular viewer's browser, and the current date are all examples of non-HTML objects that you can work with by using JavaScript. Together, all the objects that make up a Web site — HTML objects, browser- and platform-related objects, and special objects built right into the JavaScript language — are known as the document object model (DOM).

View Article
JavaScript List of HTML5 APIs for Coding with JavaScript

Article / Updated 03-26-2016

Here is an extensive list of HTML5 APIs that have either been proposed or implemented. Browsers are constantly being updated with new features. For the latest on which browsers support which features, visit caniuse.com. API What It Does Ambient Light API Provides information about the ambient light levels, as detected by a device’s light sensor. Battery Status API Provides information about the battery status of the device. Canvas 2D Context Allows drawing and manipulation of graphics in a browser. Clipboard API Provides access to the operating system’s copy, cut, and paste functionality. Contacts Allows access to a user’s contacts repository in the web browser. Drag and Drop Supports dragging and dropping items within and between browser windows. File API Provides programs with secure access to the device’s file system. Forms Gives programs access to the new data types defined in HTML5. Fullscreen API Controls the use of the user’s full screen for web pages, without the browser user interface. Gamepad API Supports input from USB gamepad controllers. Geolocation Provides web applications with access to geographical location data about the user’s device. getUserMedia/Stream API Provides access to external device data (such as webcam video). History API Allows programs to manipulate the browser history. HTML Microdata Provides a way to annotate content with computer-readable labels. Indexed database Creates a simple client-side database system in the web browser. Internationalization API Provides access to locale-sensitive formatting and string comparison. Offline apps Allows programmers to make web apps available in offline mode. Proximity API Provides information about the distance between a device and an object. Screen Orientation Reads the screen orientation state (portrait or landscape) and gives programmers the ability to know when it changes and to lock it in place. Selection Supports selecting elements in JavaScript using CSS-style selectors. Server-sent events Allows the server to push data to the browser without the browser needing to request it. User Timing API Gives programmers access to high-precision timestamps to measure the performance of applications. Vibration API Allows access to the vibration functionality of the device. Web Audio API API for processing and synthesizing audio. Web Messaging Allows browser windows to communicate with each other across different origins. Web Speech API Provides speech input and text-to-speech output features. Web storage Allows the storage of key-value pairs in the browser. Web sockets Opens an interactive communication session between the browser and server. Web Workers Allows JavaScript to execute scripts in the background. XMLHttpRequest2 Improves XMLHttpRequest to eliminate the need to work around the same-origin policy errors and to make XMLHttpRequest work with new features of HTML5.

View Article
page 1
page 2
page 3
page 4
page 5
page 6
page 7
page 8
page 9

Quick Links

  • About For Dummies
  • Contact Us
  • Activate A Book Pin

Connect

Opt in to our newsletter!

By entering your email address and clicking the “Submit” button, you agree to the Terms of Use and Privacy Policy & to receive electronic communications from Dummies.com, which may include marketing promotions, news and updates.

About Dummies

Dummies has always stood for taking on complex concepts and making them easy to understand. Dummies helps everyone be more knowledgeable and confident in applying what they know. Whether it's to pass that big test, qualify for that big promotion or even master that cooking technique; people who rely on dummies, rely on it to learn the critical skills and relevant information necessary for success.

Terms of Use
Privacy Policy
Cookies Settings
Do Not Sell My Personal Info - CA Only