Как создавать и использовать функции (function) в Javascript

Приведу пример создания Javascript функции, которая по щелчку на определенной области будет изменять эту самую область.
Итак, выглядит все это дело следующим образом:
1) Реализация функции

<script type="text/javascript">

function my_function(){

var elementik=document.getElementById('output')

elementik.innerHTML='aaaa';

};

</script>

2) Кусок кода HTML, тот самый элемент, который  у нас будет изменяться:

<div id="output" onclick="my_function()">

Here we will see answer..

</div>

Собственно, это все.

Теперь разберем по порядку. 

1) Тегом <script></script> мы объявляем область, в которой содержится код javascript. function my_function(){} - Этим мы говорим о том, что объявляем функцию с именем my_function, запускающуюся без параметров (об этом свидетельствуют пустые круглые скобки. В фигурных же скобках заключены операторы функции. Первой строчкой мы получаем элемент с id = 'output', второй - заменяем содержимое этого элемента на 'aaaa'.

2) Мы описываем блок с id='output' и говорим, что при клике мышкой по нему должна выполняться функция my_function. 

Подробнее все возможности функций javascript, DOMdocument и HTML постараюсь описать в следующих постах.