Как выглядит процедура в javascript?

В языках с C-подобным синтаксисом (в том числе и JavaScript) нет процедур: вместо них функции, не возвращающие значение. Так что: function имя (параметры) { тело }

http://learn.javascript.ru/function-basics

Это просто набор функций под одну задачу.

если ты хочешь пример для разработки собственного сайта, то могу тебе показать самый простой: при нажатии кнопки вывести на страницу предупреждение с любым текстом
-------
Код в html-файле:








Тест
Жми

o
----------
Код в JavaScript(JS)-файле:
//alert ('Hello');
//alert ('Hi');

function f1(){
alert('Вы нажали кнопку');
}
--------------
Строчка подключает к html-файлу Java-Script(JS)-файл. ( "1.js" ----1 - название Java-Script(JS)-файла, который ты подключаешь к html-файлу)
-----------
Cтрочка Жми создаёт на странице кнопку с надписью "Жми"
(f1() ----f1 - название функции, которая подключается к кнопке с надписью "Жми")
*** () - обязательная часть. без неё функция не будет подключена.

Строчка
function f1(){
alert('Вы нажали кнопку');
}
в файле Java-Script(JS) обозначает функцию.

( function f1(){ указывает функцию f1, которую мы подключили в html-файле)
( alert('Вы нажали кнопку') указывает для функции f1 действие. тоесть выводит на страницу предупреждение с надписью "Вы нажали кнопку")
---------------
Строчки, начинающиеся с // - отключены.
тоесть там можно писать различные подсказки для программистов, которые пользуются каким-либо кодом.

вынести процедуру в именованный блок кода можно вот так:

function add(a,b) { return a+b }
const add = function(a,b) { return a+b }
const add = (a,b) => a+b
const add = new Function('a', 'b', 'return a + b')
class lol { static add(a,b) { return a + b } } // lol.add(2,3)
class noob { add(a,b) { return a + b } } // (new noob).add(2,3)

еще вот так можно:

function* add(a,b) { let sum=0; yield sum+=a; yield sum+=b }
const lol = add(3,4)
console.log(lol.next())
console.log(lol.next())
console.log(lol.next())