How to merge the value of input boxes Javascript

Question

I have 5 input box, and each input box Have a different value .. how i can merge the value of the input boxes and compare it, then alert or do something ..

Example:

<form>
            <input id="input1" type="text">
            <input id ="input2" type = "text"/>
            <input id ="input3" type = "text"/>
            <input id = "input4" type = "text"/>
            <input id = "input5" type = "text"/>
</form>

    var input1 = document.getElementById('input1').value;
    var input2 = document.getElementById('input2').value;
    var input3 = document.getElementById('input3').value;
    var input4 = document.getElementById('input4').value;
    var input5 = document.getElementById('input5').value;
    var wordsConcat = input1.concat(input2,input3,input4,input5);

//after merging Compare the words to SAMPLE;

Answer 1

You've tagged jQuery so I'm assuming it's available to you.

You can map each input to a value, and then join() them together using an empty string:

var vals = $('input').map(function(){
    return this.value;
}).get().join('');

JSFiddle

ES6:

const vals = $('input').map((_, elem) => elem.value).get().join('');

Answer 2

You can do it using each() method in jQuery

var a='';
$('input[type=text]').each(function(){
   a+=this.value;
});
if (a === "SAMPLE") {
     //do something
}

Fiddle Demo

Answer 3

var sample = 'your word';
if(wordsConcat === sample){
   alert('a');
}

Answer 4

You can try this.

var inputs = document.getElementsByTagName("input"),
    inputValue = "";
    for (var index=0; index < inputs.length; index ++ ) {
        inputValue += inputs[index].value;
    }
    if (inputValue === "SAMPLE") {
         //do something
    }

Answer 5

var result = $('input[type="text"]').map(function(i, e){
    return e.value;
}).get();

//do compare stuff on result