Why don't the values get pushed to the 'bag' array?

Here is one for you good people:

I'm making a program in which the 'butler' (Jeeves) takes food requests from the user (prompt), goes to the supermarket, and returns what he was able to buy there.

In the first .js file below I create two arrays, 'shopStock' and 'shoppingList'. I then run a for loop to fill the array 'bag' with the values from 'shoppingList' which are present in 'shopStock'. This code works perfectly: the 'bag' array gets the available values from 'shopStock' and prints to the document.

However, when I try to pass values from a user-entered array (see second .js file further down), the 'bag' array doesn't get the values, and the console shows that 'bag' is empty. I don't understand why it doesn't work in the second .js file (further down).

var shopStock = ['eggs', 'bacon', 'onions', 'broccoli', 'jam', 'chicken', 'tea', 'coffee', 'milk', 'chocolate', 'wine', 'cheese', 'salmon']; var shoppingList = ['eggs', 'bacon', 'onions', 'broccoli', 'rice', 'cod', 'potatoes']; var bag = [];

function print (message) { document.write(message); }

for (var i = 0; i < shoppingList.length; i += 1) { if(shopStock.indexOf ( shoppingList[i] ) > -1) { bag.push(shoppingList[i]); } } print(bag.join(", "));

Here is the second .js file. Here I try to pass values through the for loop from 'shoppingList' as input from the user prompt. But now 'bag' doesn't receive the values:

var shopStock = ['eggs', 'bacon', 'onions', 'broccoli', 'jam', 'chicken', 'tea', 'coffee', 'milk', 'chocolate', 'wine', 'cheese', 'salmon']; var shoppingList = []; var bag = []; var html;

function print (message) { document.write(message) }

function getList () { var requests = [];
var request; var end; do { request = prompt("Please enter the item(s) you need. Enter 'nothing else' when you're finished"); if (request === 'nothing else') { end = 'nothing else'; } else {
requests.push(request); } } while (request !== 'nothing else') return requests; }

shoppingList.push(getList ());

for (var i = 0; i < shoppingList.length; i += 1) { if(shopStock.indexOf ( shoppingList[i] ) > -1) { bag.push(shoppingList[i]); } } print(bag);

As I say, I've tested everything and all else seems to be running well. The 'bag' array just doesn't get the values from the for loop in the second .js file, even though The shoppingList array has the values...

Anyone know what I'm missing?

Thanks in advance!