Im пишу программу, которая создает куки с цепочкой продуктов в ней. Нажав кнопку submit, какая бы еда ни была, checkbox'd следует собрать в строку, а затем записать в файл cookie документа. Затем alert() отображает мой файл cookie для целей отладки.Невозможно вызвать функцию js из кнопки html
У меня возникли проблемы с получением моей кнопки html, чтобы успешно вызвать функцию submit(). Когда я нажимаю кнопку отправки, весь код в тегах скрипта выполняет EXCEPT для моей функции отправки. Я пробовал переупорядочить код сценария, но это не помогло.
Моя программа ведет себя одинаково в разных доктринах, идеях и браузерах, поэтому я знаю, что это не проблема среды.
<body>
<div>
<form>
Select your foods.<br>
<input type="checkbox" name="foods" id="pine">Pine<br>
<input type="checkbox" name="foods" id="tuna">Tuna<br>
<input type="checkbox" name="foods" id="bread">Bread<br>
<input type="checkbox" name="foods" id="apple">Apple<br>
<input type="checkbox" name="foods" id="oats">Oats<br><br>
<button type="button" onclick="submit()">Submit</button>
</form>
</div>
<script>
var pine = document.getElementById("pine");
var tuna = document.getElementById("tuna");
var bread = document.getElementById("bread");
var apple = document.getElementById("apple");
var oats = document.getElementById("oats");
var foods = [pine,tuna,bread,apple,oats];
function submit()
{
var collection = "";
for (i=0;i<foods.length;i++)
{
if (foods[i].checked)
{
collection += foods[i].id + " ";
}
}
document.cookie = collection;
alert(document.cookie);
}
</script>
</body>
Большое спасибо, ребята!