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

Select the Month and Year from the Dropdown Menu

The D3 force layout is currently displaying just a single connection

Implementing Google Calendar access token in JavaScript: A practical guide

Creating a tool to display mouse coordinates as a pointer on an HTML5 canvas

The pdfkit library seems to have an issue where it is failing to properly embed images within the

Relationship between multiple Mongoose instances linking to a single entity

Unable to display label in form for Angular 2/4 FormControl within a FormGroup

Angular with Firebase: How to ignore a field in a query

Is Highcharts-angular (Highcharts wrapper for Angular) compatible with Angular 4?

Would this be considered a practical method for showcasing an image with jQuery?

The TSX file is encountering difficulty rendering an imported React Component

Display a dialogue box when encountering a Vuetify error. Only open the dialogue box under certain conditions

Make sure to always select the alternative option in ajax

Just delving into React for the first time and encountering undefined values in PropTypes

Using JavaScript to make an AJAX call to a different domain while bypassing the Content Security Policy restrictions

What is the process for utilizing jQuery's advanced ticker feature to extract content from a text file?

What is preventing me from binding the array index to a model in AngularJS with two-way binding?

Troubleshooting ReactJs in Chrome during page load: encountering issues with undefined properties when utilizing the console

Successful execution of asynchronous method in Node.js without any errors

Unable to reach the sub-component of the JSON object that was returned