<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
var array1 = [551,445,665,551,778,443,665,334,445];
var array2 =[];
console.log("array1length "+array1.length+"\n");
var display1 ="array1length "+array1.length+"\n";
for(var i=0;i<array1.length;i++)
{
display1 +=array1[i]+"\n";
if(array2.indexOf(array1[i])<0)
{
array2.push(array1[i]);
}
}
console.log("array2length "+array2.length+"\n");
var display2 ="array2length "+array2.length+"\n";
for(var j=0;j<array2.length;j++)
{
display2 +=array2[j]+"\n";
}
document.getElementById("array1display").innerHTML = display1;
document.getElementById("array2display").innerHTML = display2;
}
</script>
</head>
<body>
<p id="array1display"></p>
<p id="array2display"></p>
<button onclick = "myFunction()">Click here to see arrays</button>
</body>
</html>