Как передать значение в функцию в javascript?

Question

[nano_e_t_4]

Всем привет
Ребят, подскажите плз, как передать текущее (!) значение элемента в функцию?
То есть имеются кнопки, значения которых формируются динамически. И нужно в javascript передавать эти значения
Нашел вот такой вот примерчик:
<а href="#" onclick="alert(this.innerHTML);return false">Нажми сюдаа
Но никак не могу разумить, как передать значение "Нажми сюда" в функцию. Подскажите плз
Спасибо

Answer 1

[Александр Аксентьев]

https://jsfiddle.net/k32xuuo7/

Comments

[nano_e_t_4]

о, спасибо :)

Answer 2

[keslo]

Не используйте onclick в теге при отсутствии особой надобности.

function test(data) {
		console.log(this.innerHTML);
}
    
var btn = document.getElementById('btn');
btn.addEventListener('click', test, false);

Кстати, ваш пример рабочий.

Comments

[nano_e_t_4]

да, он рабочий :) я просто в толк не мог взять, как в javascript передавать значение в функцию. Но уже более или менее разобрался
А почему не стоит onclick на тег вешать?

[keslo]

nano_e_t_4: ниже Радик Алиев об этом уже упомянул :-)

[nano_e_t_4]

ну да, то что щи отдельно а мухи отдельно увидел, не понял просто почему это должно быть отдельно

[keslo]

nano_e_t_4: вцелом, на проекте на проще поддерживать такой подхо к коду. Знаешь, что весь JS у тебя в одном месте, а не раскидан на кучу HTML файлов.

[Radiks Alijevs]

keslo: Согласен

Answer 3

[Radiks Alijevs]

Можно так:

<а href="#" onclick="myFunctionName(this);return false">Нажми сюдаа</a>

Но в правилах хорошего тона, onclick в теге как атрибут лучше не ставить, а вешать событие на элемент, html отдельно, js отдельно, да и глобальные функции лучше не использовать, а делать, что-то вроде myAppObject.myFunctionName(this):
<а href="#" id="click-here">Нажми сюдаа</a>
Javascript:

document.getElementById('click-here').addEventListener('click', displaySomething);

function displaySomething() {
    console.log(this); // элемент, на который нажали
    alert('Hi');
}

Если вы используете jQuery, всё на много проще:
<а href="#" id="click-here">Нажми сюдаа</a>
jQuery:

$('#click-here').on('click', function(e) {
    e.preventDefault();
    console.log($(this)); // jQuery элемент, на который нажали
    alert('Hi');
});

Comments

[nano_e_t_4]

а почему не стоит вешать onclick на элемент?

[Radiks Alijevs]

nano_e_t_4: Если у вас будет разрастаться проект и на каждое странице будет по несколько onclick вам будет трудно изменять код.
Также принято разделять html/js друг от друга, это делает ваш код более читабельным и расширяемым.
Но никто не запрещает это делать, но не стоит злоупотреблять

[nano_e_t_4]

вон оно в чем дело. Спасибо