In app.js I have hard-coded 3 keywords:
var a = 'family';
var b ='friends';
var c ='teacher';
and saved them in an array called 'List'
var List = [a, b, c];
Now I passed this List in track (Twitter API)
twit.stream('statuses/filter', { track: List }, function(stream) {
    stream.on('data', function (data) {
        // code
    });
}); 
Now, I want to accept the user's keywords, so in index.html I am providing 3 textboxes (i.e. <input type="text">)
When the user enters the first keyword in textbox 1 it should be assigned to var a of app.js, when the 2nd keyword is inserted it should be assigned to var b, and so on.
<html>
<head>
</head>
<body>
    <form>
        Key 1<input id="Key_1" class="" name="" type="text" placeholder="First key" required /><br><br>
        Key 2<input id="Key_2" class="" name="" type="text" placeholder="Second key" required /><br><br>
        Key 3<input id="Key_3" class="" name="" type="text" placeholder="Third key" required /><br><br>
        <button type="submit" form="form1" value="Submit">Submit</button>
    </form>
</body>
</html>
How can I do this?
 
     
     
    