JS Numbers to text with For-loop

Question

i am kinda new to javascript and i am stuck at a javascript for-loop exercise, the problem is i need to return the filled in telephone number to text it have to look like this:

(this is just an example)

filled in number: 0332141 how i have to return it: zero - three - three - two - one - four - one

This is the code i already have and i have to use this:

 <!DOCTYPE html>
 <html lang = "nl">
 <head>
 <meta http-equiv="Content-Type"
   content="text/html"
   charset=UTF-8/>
     <title>Lab11/title>
  </head>
  <body>
   <script>
   var number = new Array();
   number[0] = 'zero';
   number[1] = 'one';
   number[2] = 'two';
   number[3] = 'three';
   number[4] = 'four';
   number[5] = 'five';
   number[6] = 'six';
   number[7] = 'seven';
   number[8] = 'eight';
   number[9] = 'nine';

    var phonenumber = prompt('What is youre phonenumber?');
   document.write('<br> your phonenumber is: ' + phonenumber);
   </script>
   </body>
   </html>

but this ofcourse only shows the digits, so as the example above i need to return the digits in words, any ideas on how to do this?

kevin ternet · Accepted Answer · 2016-12-10 18:09:10Z

2

This code should be usefull. It simply splits the input string into a array of figure, transforms each figures into corresponding string and finally joins the array into a "-" separeted string.

var table = ['zero','one','two','three','four','five','six','seven','eight','nine'];
var phone = "012658"
var number2text = phone.split("").map(x => table[x]).join("-");
console.log(number2text);

edited Dec 10, 2016 at 18:09

answered Dec 10, 2016 at 18:03

kevin ternet

4,6322 gold badges21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hydrothermal Over a year ago

Much cleaner solution, although OP indicated that the exercise requires the use of a for loop.

Hydrothermal · Accepted Answer · 2016-12-10 18:03:37Z

1

   var number = new Array();
   number[0] = 'zero';
   number[1] = 'one';
   number[2] = 'two';
   number[3] = 'three';
   number[4] = 'four';
   number[5] = 'five';
   number[6] = 'six';
   number[7] = 'seven';
   number[8] = 'eight';
   number[9] = 'nine';

    var phonenumber = prompt('What is youre phonenumber?');
    phonenumber = phonenumber.split("");
    
    for(var i = 0; i < phonenumber.length; i++) {
        phonenumber[i] = number[phonenumber[i]];
    }
    
    phonenumber = phonenumber.join(" - ");
   document.write('<br> your phonenumber is: ' + phonenumber);

 <!DOCTYPE html>
 <html lang = "nl">
 <head>
 <meta http-equiv="Content-Type"
   content="text/html"
   charset=UTF-8/>
     <title>Lab11</title>
  </head>
  <body>
   </body>
   </html>

This should work for you. It splits the response from the prompt into an array of one digit per element, then loops through it and replaces each digit with its name.

answered Dec 10, 2016 at 18:03

Hydrothermal

5,1317 gold badges33 silver badges47 bronze badges

1 Comment

ICTMitchell Over a year ago

This was exactly what i was looking for! Thanks for helping me!

computnik · Accepted Answer · 2016-12-10 18:05:17Z

0

To get words for the number entered, use the following snippet (after you have prompted for number

var phoneString = "";
for (i=0; i<phonenumber.length; i++){
  phoneString +=(number[phonenumber[i]] + " ");
}
document.write('<br> your phonenumber is: ' + phoneString);

answered Dec 10, 2016 at 18:05

computnik

3571 gold badge3 silver badges16 bronze badges

Comments

Deep Duggal · Accepted Answer · 2016-12-10 18:57:01Z

Here's the fastest way:

var h1 = document.body.getElementsByTagName('h1')[0];

// Convert number to words
function numToText(num) {
  num = num.toString(); //Convert number to string
  var text = '<br>'; 
  var numbers = {'0': 'zero', '1': 'one', '2': 'two', '3': 'three', '4': 'four', '5': 'five', '6': 'six', '7': 'seven', '8': 'eight', '9': 'nine'};

  var len = num.length;
  for(var i = 0; i < len; i++) {
    text += numbers[num.charAt(i)];
    if(i < len-1)  text += ' - ';
  }
  return text;
}

// Form Handler
var form = document.forms[0];
form.onsubmit = function(){
    var input = form.elements[0].value;
    document.body.innerHTML += numToText(input);
    return false; //prevent page refresh after submit
};

<h1>What is you're phone number?</h1>
<form id="form">
  <input type="text" name="text" value="">
  <input type="submit" name="submit" value="submit">
</form>

Collectives™ on Stack Overflow

JS Numbers to text with For-loop

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related