хранение пользовательского ввода в массиве
Мне нужно сделать следующее (я новичок в программировании, поэтому, пожалуйста, извините меня за мое невежество): я должен попросить пользователя предоставить три разных элемента информации в трех различных текстовых полях формы. Затем у пользователя есть кнопка «enter», и когда он нажимает на нее, тексты, введенные им в трех полях, должны быть сохранены в трех разных массивах, на этом этапе я также хочу видеть ввод пользователя для проверки на самом деле хранится в массиве. Я пытался безуспешно пытаться заставить приложение хранить или показывать данные только в одном из массивов. У меня есть 2 файла: film.html и functions.js. Вот код. Любая помощь будет оценена!
<html>
<head>
<title>Film info</title>
<script src="jQuery.js" type="text/javascript"></script>
<script src="functions.js" type="text/javascript"></script>
</head>
<body>
<div id="form">
<h1><b>Please enter data</b></h1>
<hr size="3"/>
<br>
<label for="title">Title</label> <input id="title" type="text" >
<br>
<label for="name">Actor</label><input id="name" type="text">
<br>
<label for="tickets">tickets</label><input id="tickets" type="text">
<br>
<br>
<input type="button" value="Save" onclick="insert(this.form.title.value)">
<input type="button" value="Show data" onclick="show()"> <br>
<h2><b>Data:</b></h2>
<hr>
</div>
<div id= "display">
</div>
</body>
</html>
var title=new Array();
var name=new Array();
var tickets=new Array();
function insert(val){
title[title.length]=val;
}
function show() {
var string="<b>All Elements of the Array :</b><br>";
for(i = 0; i < title.length; i++) {
string =string+title[i]+"<br>";
}
if(title.length > 0)
document.getElementById('myDiv').innerHTML = string;
}