Comparing strings to user input with Javascript

Question

I have a problem that is kind of difficult to explain.

What I would like to do is look in a string of text, for example "hello". And each character in this string should be compared to user input, one by one.

If the text starts as full red, user presses "H" then the "h" letter of "hello" turns green, and the rest of the letters remain red.

How could I do this with javascript? Could anyone point me in the right direction please?

prefere not to include libraries, but if they provide a beautifully simple method I'm all ears. — justanotherhobbyist
– justanotherhobbyist, Commented Mar 26, 2012 at 16:36

Josh · Accepted Answer · 2012-03-26 16:25:13Z

2

var name = "Josh";

for( var i=0; i<name.length; i++ ){

  alert( name.charAt(i) );

}

answered Mar 26, 2012 at 16:25

Josh

12.6k12 gold badges77 silver badges118 bronze badges

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

1 Comment

justanotherhobbyist Over a year ago

how could I separate the fillStyle of the characters?

jAndy · Accepted Answer · 2012-03-26 16:24:52Z

1

In general, you will need the .charAt method from String.prototype. Example:

var str       = "Hello world",
    userInput = "Helli world";

for(var i = 0, len = str.length; i < len; i++) {
    console.log( 'character at pos ', i, ' is: ', str.charAt( i ) === userInput.charAt( i ) );
}

Most browser also allow you to access characters using the bracket notation str[i] for instance.

answered Mar 26, 2012 at 16:24

jAndy

237k57 gold badges313 silver badges363 bronze badges

Collectives™ on Stack Overflow

Comparing strings to user input with Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related