самые первые скрипты для обработки событий формы

[olga22_03]

Здравствуйте, только начинаю изучать Js и сразу не получается. Хочу добиться следующего:
1. При щелчке по форме становится невидимым text
2. Есть кнопка, которая пока выводит окно alert. Основное событие пропишу там потом. Нужно, чтобы нажатие клавиши Enter работало также как эта кнопка.
3. При установке флажка в checkbox тоже пока должно выходить окно оповещения.

Вот это прописано в index.html
<script type="text/javascript" src="script.js"></script>
<form method="post" onclick="cl()">
<input name="text" size="30" style="visibility:visible;" text="название">
<input type="button" value="Создать задачу" onclick="add()" onkeydown="keyDown(event)"> <br>
<label><input type="checkbox" name="ch" value="ok" onclick="del()">Задача завершена
</form>

Это, соответственно, в script.js
function cl()
{ document.form.text.setvisible(false)
}
function keyDown(e)
{ if(e.keyCode == 13)
{alert("нажата клавиша Enter");
document.form.button.click();}
}
function add()
{ alert("нажата кнопка")
}
function del()
{ if (document.form.ch.checked)
alert("включен checkbox")
}
Назовите, пожалуйста, все мои ошибки.
Буду очень признательно за помощь

[olga22_03]

немного поменяла и дописала содержание, но проблема остается та же. не работает. В консоли вижу свои ошибки:
Uncaught TypeError: Cannot read property 'ddate' of undefined script.js:15
Uncaught ReferenceError: ch is not defined script.js:36

Вот коды моих страниц.
index.html
<script type="text/javascript" src="script.js">
$(document).ready(function()
</script>


<form method="post">
<input type="text" name="ddate" size="10" placeholder="dd/mm/yyyy">
<input type="text" name="naz" size="30" placeholder="новая задача" onclick="cl()">
<input type="button" value="Создать задачу" onclick="addTask()" onkeydown="keyDown(event)"> <br>
<label><input type="checkbox" name="ch" onclick="del()">Задача завершена
</form>

и script.js
function cl()
{ alert("ВВедите название для новой задачи и нажмите Enter или кнопку Создать задачу");
}
function keyDown(e)
{ if(e.keyCode == 13)
{alert("нажата клавиша Enter");
form.button.click();}
}
function addTask()
{ alert("создается новая задача");
var values = new Array();
var newDate = new Date();
var itemId = newDate.getTime();
var ddate = "";
if (!document.forms["todoForm"]["ddate"].value)
{
ddate = newDate.getTime();
}
else
{
ddate = document.forms["todoForm"]["ddate"].value;
}
values.push(document.forms["todoForm"]["naz"].value);
values.push(ddate);
try {
localStorage.setItem(itemId, values.join(';'));
} catch (e) {
if (e == QUOTA_EXCEEDED_ERR) {
alert('Quota exceeded!');
}
}
alert("задача создана")

}
function del()
{ if(ch.checked)
alert("включен checkbox")
}

огромная просьба знающим разъяснить мне эти ошибки. Я неправильно обращаюсь к компонентам?

[Tim]

document.forms["todoForm"]["ddate"]

а кто такой todoForm? что то в хтмл его не вижу.

В консоли вижу свои ошибки:

Это здорово, не многие туда смотрят на самом деле. А что если вставить в консоль document.forms["todoForm"]? Тоже сразу видно будет есть он или нет

[olga22_03]

спасибо за ответ!
разобралась, всё работает. Скопировала с нета чужой кусочек и под свой не поправила