Skip to content

JavaScript toUpperCase | Method converts a string to uppercase letters

  • by

Using JavaScript toUpperCase() method you can convert a string to uppercase letters. This method does not change the original string. This method returns the string converted to uppercase.

console.log('alphabet'.toUpperCase()); // 'ALPHABET'

Example JavaScript toUpperCase

Simple example code.

<!DOCTYPE html>

    let text = "Hello World! toUpperCase";
    let result = text.toUpperCase();




JavaScript toUpperCase Method

Another example

Let’s say you have a form where users enter their names, and you want to display the entered name in uppercase letters on the webpage. You can use the toUpperCase() method to convert the user’s input to uppercase before displaying it. Here’s an example using JavaScript and HTML:

<!DOCTYPE html>
  <title>Uppercase Name</title>
    function convertToUppercase() {
      let input = document.getElementById("nameInput").value;
      let uppercaseName = input.toUpperCase();
      document.getElementById("result").textContent = uppercaseName;
  <h1>Uppercase Name Converter</h1>
  <label for="nameInput">Enter your name:</label>
  <input type="text" id="nameInput">
  <button onclick="convertToUppercase()">Convert</button>
  <p id="result"></p>

You can try running the code in a browser and see how the entered name gets converted to uppercase when you click the “Convert” button.

Comment if you have any doubts or suggestions on this JS basic method.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Your email address will not be published. Required fields are marked *