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?