Basic JavaScript string calculator

Question

Basic JavaScript string calculator

I'm in the process of creating a basic JavaScript calculator that prompts the user to input their name and then displays a number based on the input. Each letter in the string will correspond to a value, such as a=1 and b=2. For example, if the user enters "acb" into the input, it should display abc=1+2+3 =6. Thanks!

<input type="text" id="myText" value="">

<button onclick="myFunction()">Try it</button>

<p id="calc"></p>

 <script>
function myFunction() {
   var x = document.getElementById("myText").value;
   document.getElementById("calc").innerHTML = x;
}
</script>

javascript

Answer 1

Answer №1

Give this method a try - it utilizes a basic code where a is 1 and z is 26. Any special characters or numbers entered will be considered as 0. This solution is effective for both uppercase and lowercase letters.

function generateValue() {
   var input = document.getElementById("textInput").value;
 var sum = 0;
 for (var j = 0; j < input.length; j++) {
   var value = input.toLowerCase().charCodeAt(j) - 96;
 if ((value > 0) & (value < 27)) {
   sum = sum + value;
 }
 }
   document.getElementById("result").innerHTML = sum;
}

<input type="text" id="textInput" value="">
<button onclick="generateValue()">Calculate</button>

<p id="result"></p>

Answer 2

Give this method a try - it utilizes a basic code where a is 1 and z is 26. Any special characters or numbers entered will be considered as 0. This solution is effective for both uppercase and lowercase letters.

function generateValue() {
   var input = document.getElementById("textInput").value;
 var sum = 0;
 for (var j = 0; j < input.length; j++) {
   var value = input.toLowerCase().charCodeAt(j) - 96;
 if ((value > 0) & (value < 27)) {
   sum = sum + value;
 }
 }
   document.getElementById("result").innerHTML = sum;
}

<input type="text" id="textInput" value="">
<button onclick="generateValue()">Calculate</button>

<p id="result"></p>

Basic JavaScript string calculator

Answer №1

Similar questions

Using a nested loop in Javascript to fetch JSON data

Implementing method overrides in TypeScript class objects inherited from JavaScript function-based classes

What is the process for setting up URL parameters in Express JS?

Using local storage with github sites can lead to some unexpected and peculiar behavior

Caution: PHP's move_uploaded_file() function is unable to successfully relocate the audio file

Employing ngModel within an (click) event in Angular 4

Saving data in multiple collections using MongoDB and Node.js: A comprehensive guide

Utilize Vue.js functions within data through the Vue.js context

Adjust the text color of a particular word as you type using the contenteditable property set to "true"

Adding a new column to a table that includes a span element within the td element

Error in form action when generated through an ajax partial in Ruby

Converting a text area into a file and saving it as a draft in the cloud with the

When attempting to make a GET request, Express/Mongoose is returning a null array

Unable to retrieve JSON data for the JavaScript object

Issue encountered in Next.JS when attempting to validate for the presence of 'window == undefined': Hydration process failed due to inconsistencies between the initial UI and the server-rendered

Utilizing various layouts in ASP.NET MVC with AngularJS

When you hover over an image, its opacity will change and text will overlay

Utilizing jQuery AJAX to Send an HTML Array to PHP

Deactivate the button in the final <td> of a table generated using a loop

How can I make Material UI's grid spacing function properly in React?