{"id":1442,"date":"2016-07-09T12:38:28","date_gmt":"2016-07-09T12:38:28","guid":{"rendered":"http:\/\/javascript-tutor.net\/?p=1442"},"modified":"2017-09-21T13:35:16","modified_gmt":"2017-09-21T13:35:16","slug":"formatting-text-javascript","status":"publish","type":"post","link":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/","title":{"rendered":"Formatting text in JavaScript"},"content":{"rendered":"<p>We can format text in JavaScript using the following methods:<\/p>\n<ol>\n<li>bold () \u2013 makes text bold<\/li>\n<li>italics () \u2013 italicizes text<\/li>\n<li>fontcolor () \u2013 changes the color of the text to the specified color as an argument.<\/li>\n<li>fontsize () \u2013 changes the size of the text to the specified size as an argument.<\/li>\n<li>toLowerCase () \u2013 changes text to all lowercase letters.<\/li>\n<li>toUpperCase () \u2013 changes text to all upper case letters.<\/li>\n<\/ol>\n<p>For example;<\/p>\n<p>We create a variable greeting and format it accordingly:<\/p>\n<p>&lt;script language=&#8221;javascript&#8221;&gt;<\/p>\n<p>Var greeting=&#8221;Welcome to JavaScript Tutorial&#8221;<br \/>\ngreeting=greeting.fontcolor(&#8220;red&#8221;);<br \/>\ngreeting=greeting.bold();<br \/>\ngreeting=greeting.fontsize(&#8220;10&#8221;);<br \/>\ngreeting=greeting.italics();<br \/>\ndocument.write(greeting);<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>The Output<\/p>\n<p><script>\/\/ <![CDATA[\nvar greeting=\"Welcome to JavaScript Tutorial\"; greeting=greeting.fontcolor(\"red\"); greeting=greeting.bold(); greeting=greeting.fontsize(\"10\"); greeting=greeting.italics(); document.write(greeting);\n\/\/ ]]><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can format text in JavaScript using the following methods: bold () \u2013 makes text bold italics () \u2013 italicizes text fontcolor () \u2013 changes the color of the text to the specified color as an argument. fontsize () \u2013 changes the size of the text to the specified size as an argument. toLowerCase () &hellip; <a href=\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Formatting text in JavaScript&#8221;<\/span><\/a><\/p>\n","protected":false},"author":35895,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1442","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Formatting text in JavaScript - Learn JavaScript Online | Free Interactive JavaScript Tutorials<\/title>\n<meta name=\"description\" content=\"Learn how to format text in JavaScript using built-in functions\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formatting text in JavaScript - Learn JavaScript Online | Free Interactive JavaScript Tutorials\" \/>\n<meta property=\"og:description\" content=\"Learn how to format text in JavaScript using built-in functions\" \/>\n<meta property=\"og:url\" content=\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn JavaScript Online | Free Interactive JavaScript Tutorials\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-09T12:38:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-09-21T13:35:16+00:00\" \/>\n<meta name=\"author\" content=\"Liew Voon Kiong\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liew Voon Kiong\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/\",\"url\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/\",\"name\":\"Formatting text in JavaScript - Learn JavaScript Online | Free Interactive JavaScript Tutorials\",\"isPartOf\":{\"@id\":\"https:\/\/javascript-tutor.net\/#website\"},\"datePublished\":\"2016-07-09T12:38:28+00:00\",\"dateModified\":\"2017-09-21T13:35:16+00:00\",\"author\":{\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8\"},\"description\":\"Learn how to format text in JavaScript using built-in functions\",\"breadcrumb\":{\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/javascript-tutor.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formatting text in JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/javascript-tutor.net\/#website\",\"url\":\"https:\/\/javascript-tutor.net\/\",\"name\":\"Learn JavaScript Online | Free Interactive JavaScript Tutorials\",\"description\":\"Master JavaScript with free, interactive tutorials for beginners and experienced coders. Practice live coding and visualize how JavaScript works step by step.\",\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8\",\"name\":\"Liew Voon Kiong\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/javascript-tutor.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g\",\"caption\":\"Liew Voon Kiong\"},\"url\":\"https:\/\/javascript-tutor.net\/index.php\/author\/ajt7051jct\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formatting text in JavaScript - Learn JavaScript Online | Free Interactive JavaScript Tutorials","description":"Learn how to format text in JavaScript using built-in functions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Formatting text in JavaScript - Learn JavaScript Online | Free Interactive JavaScript Tutorials","og_description":"Learn how to format text in JavaScript using built-in functions","og_url":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/","og_site_name":"Learn JavaScript Online | Free Interactive JavaScript Tutorials","article_published_time":"2016-07-09T12:38:28+00:00","article_modified_time":"2017-09-21T13:35:16+00:00","author":"Liew Voon Kiong","twitter_misc":{"Written by":"Liew Voon Kiong","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/","url":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/","name":"Formatting text in JavaScript - Learn JavaScript Online | Free Interactive JavaScript Tutorials","isPartOf":{"@id":"https:\/\/javascript-tutor.net\/#website"},"datePublished":"2016-07-09T12:38:28+00:00","dateModified":"2017-09-21T13:35:16+00:00","author":{"@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8"},"description":"Learn how to format text in JavaScript using built-in functions","breadcrumb":{"@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/javascript-tutor.net\/index.php\/2016\/07\/09\/formatting-text-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/javascript-tutor.net\/"},{"@type":"ListItem","position":2,"name":"Formatting text in JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/javascript-tutor.net\/#website","url":"https:\/\/javascript-tutor.net\/","name":"Learn JavaScript Online | Free Interactive JavaScript Tutorials","description":"Master JavaScript with free, interactive tutorials for beginners and experienced coders. Practice live coding and visualize how JavaScript works step by step.","inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/63d832c3efdf443517b5f5bfd1b93df8","name":"Liew Voon Kiong","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/javascript-tutor.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/413ad70576fa5f43c1d3ae3429c92579c21f536c350e6470302fa25ddd9b6a13?s=96&d=mm&r=g","caption":"Liew Voon Kiong"},"url":"https:\/\/javascript-tutor.net\/index.php\/author\/ajt7051jct\/"}]}},"_links":{"self":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/users\/35895"}],"replies":[{"embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/comments?post=1442"}],"version-history":[{"count":11,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1442\/revisions"}],"predecessor-version":[{"id":1528,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/posts\/1442\/revisions\/1528"}],"wp:attachment":[{"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/media?parent=1442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/categories?post=1442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javascript-tutor.net\/index.php\/wp-json\/wp\/v2\/tags?post=1442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}