The task is to increment/decrement alphabetic letters using ASCII values with the help of JavaScript.
Approach:
- Use charCodeAt() method to return the Unicode of the character at the specified index in a string.
- Increment/Decrement the ASCII value depending on the requirement.
- Use fromCharCode() method to convert Unicode values into characters.
Example 1: In this example, the character ‘a’ is incremented by clicking on the button.
html
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Click on the button to
increment the letter
</title>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>
Click on the button to
increment the letter.
</p>
<button onclick="GFG_Fun()">
click here
</button>
<p id="GFG"></p>
<script>
var down = document.getElementById('GFG');
down.innerHTML = 'a';
function nextCharacter(c) {
return String.fromCharCode(c.charCodeAt(0) + 1);
}
function GFG_Fun() {
let c = down.innerHTML;
down.innerHTML = nextCharacter(c);
}
</script>
</body>
</html>
|
Output:
JavaScript methods to increment/decrement alphabetical letters
Example 2: In this example, the character ‘z’ is decremented by clicking on the button.
html
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Click on the button to
decrement the letter
</title>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>
Click on the button to
decrement the letter.
</p>
<button onclick="GFG_Fun()">
click here
</button>
<p id="GFG"></p>
<script>
var down = document.getElementById('GFG');
down.innerHTML = 'z';
function nextCharacter(c) {
return String.fromCharCode(c.charCodeAt(0) - 1);
}
function GFG_Fun() {
let c = down.innerHTML;
down.innerHTML = nextCharacter(c);
}
</script>
</body>
</html>
|
Output:
JavaScript methods to increment/decrement alphabetical letters
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
20 Jun, 2023
Like Article
Save Article