WordPress Edit Links

How to make a text italic using JavaScript ?

Last Updated : 25 Jul, 2024

Javascript provides various methods to modify the text according to our need. In this article, we are going to see how we can make the text italics in javascript.

string.italics( ) is the method use to make the text italics. Basically, italics text are created by using the <i> </i> tag in the html. So, the string.italics( ) method creates an HTML element consisting of <i> </i> tag.

Syntax:

string.italics()

Here, “string” is the name of the variable.

Parameter:

This method doesn’t take any parameters.

Return Value:

This method returns a String that is embedded in an <i> element.

Example:

HTML

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Italics Example</title>
</head>
  
<body>
    <h1>How to use italics() in Javascript</h1>
    <p id="original-text">Geeks for geeks</p>
    <p id="italic-text"></p>

    <script>
        // Original string
        let originalString = "Geeks for geeks";

        // Apply italics() method to italicize the string
        let italicString = originalString.italics();

        // Display the italicized string in the HTML
        document.getElementById("italic-text").innerHTML = italicString;
    </script>
</body>
  
</html>

Output:

Screenshot-2024-07-24-190956

Use of italics( )

WordPress Edit Links

D

darksiderrohan

Improve

Article Tags :

Similar Reads

How to convert speech into text using JavaScript ?

In this article, we will learn to convert speech into text using HTML and JavaScript. Approach: We added a content editable "div" by which we make any HTML element editable. C/C++ Code <divÂ class="words"Â contenteditable> Â Â Â Â <pÂ id="p"></p> </div> We use th

How to Change Text Inside all HTML Tags using JavaScript ?

In this article, we will learn how to change the text content inside all HTML tags using JavaScript. This skill is valuable when you need to dynamically modify the text displayed on a web page. which can be useful for various scenarios like updating content, internationalization, or creating dynamic

How to change the text of a label using JavaScript ?

Changing the text of a label using JavaScript involves selecting the label element and updating its textContent or innerHTML property. This allows you to modify the displayed text dynamically, often in response to user interactions or changes in data, enhancing interactivity and responsiveness. Belo

How to create Text Editor using Javascript and HTML ?

The style property in JavaScript is used to create a text editor with HTML and CSS. This editor features buttons for text formatting, including options for bold, italic, left, center, and right alignment, as well as uppercase, lowercase, and capitalized transformations. Each button triggers a functi

How to process each letter of text using JavaScript ?

Given a string and the task is to process it character by character. JavaScript String toUpperCase() Method: This method converts a string to uppercase letters. Syntax: string.toUpperCase()Parameters: This method accepts single parameter str which is required. It specifies the string to be searched.

How to align text content into center using JavaScript ?

In this article, we will align the text content into the center by using JavaScript. We use HTML DOM style textAlign property to set the alignment of text. The DOM style textAlign property is pretty much similar to the text-align property in the CSS, and the Dom textAlign property returns the horizo

How to create a style tag using JavaScript?

To create a <style> tag using JavaScript, use the document.createElement() method to create the tag, which allows you to dynamically add elements to the DOM. Syntax document.createElement('style')Example 1: This HTML code dynamically styles a <div> element with a green background and whi

How to change the shape of a textarea using JavaScript ?

In General, Textarea will be in the form of rectangular or square shapes, but here we will deal with Unusual shapes of textarea which means this textarea will not be regular shapes but editable. Method 1: In the first method, let's see the irregular editable textarea created using CSS-shapes and con

How to Detect Keypress using JavaScript ?

In this article, keyboard detection is performed using HTML and CSS. HTML stands for "Hypertext Markup Language". HTML language helps the developer to create and design web page elements like links, sections, paragraphs, headings, and blockquotes for web applications. CSS stands for "Cascading Style

How to define superscripted text using HTML?

Superscript text is used for footnotes, mathematical exponents, and other notations. To define superscripted text in HTML5, use the <sup> tag. This tag adds superscript text to your HTML document, displaying it half a character above the normal line and often in a smaller font. Syntax <sup