JavaScript Formatting Strings

JavaScript Formatting Strings

When you create a text string in JavaScript, a string object is associated with that string. The string object provides a series of methods you can
use to adjust the format of the string. This can be useful when you want to dis-play a string and quickly apply some formatting to it.
The methods are as follows:
• big: Returns the string in big tags
• blink: Returns the string in blink tags
• bold: Returns the string in b tags
• fixed: Returns the string in tt tags (for fixed-width display)
• fontcolor: Returns the string in font tags with the color attribute set to the color you specify as an argument
• fontsize: Returns the string in font tags with the size attribute set to the size you specify as an argument
• italics: Returns the string in i tags
• small: Returns the string in small tags
• strike: Returns the string in strike tags (for a strikethrough effect)
• sub: Returns the string in sub tags (for a subscript effect)
• sup: Returns the string in sup tags (for a superscript effect)
• toLowerCase: Returns the string with all lowercase characters
• toUpperCase: Returns the string with all upper case characters
Assuming you have assigned a string to a variable, you call these methods as follows:
variableName.big();
variableName.fontcolor(“red”);
variableName.toLowerCase();
etc
Example:
<body>
<script language="JavaScript">
<!--var myVariable = "Hello Paktutorial";
document.write(myVariable.big() + "<br>");
document.write(myVariable.blink() + "<br>");
document.write(myVariable.bold() + "<br>");
document.write(myVariable.fixed() + "<br>");
document.write(myVariable.fontcolor("red") + "<br>");
document.write(myVariable.fontsize("18pt") + "<br>");
document.write(myVariable.italics() + "<br>");
document.write(myVariable.small() + "<br>");
document.write(myVariable.strike() + "<br>");
document.write(myVariable.sub() + "<br>");
document.write(myVariable.sup() + "<br>");
document.write(myVariable.toLowerCase() + "<br>");
document.write(myVariable.toUpperCase() + "<br>");
// -->
</script>
</body>
DOWNLOAD SOLUTION HERE