Смена картинки
 

Доброго вечера всем.

Подскажите плиз, почему событие по клику this в функцию не передает? и как это вообще организовать.
alert выводит "undefined"
Вот, собственно, картинку, которую будем менять

<img src="search.png" onclick="change_bg()"/>

А вот обработчик

const CHANGE = 2;
function change_bg(){
	var str = this.src;
	alert(str);
	
	var reg = /(2\.png)$/i;
	reg.test(str) == true ? str = str.slice(0, -5) + str.slice(-4) : str = str.slice(0, -4) + CHANGE + str.slice(-4);
	this.src = str;
}

Спасибо

<img src="search.png" onclick="change_bg(this)"/>

function change_bg(el){
var str = el.src;

когда вы уже будете нормальные рабочие примеры делать

<img src="search.png" onclick="foo(this);foo2.call(this)"/>
<script>
function foo( elem ) {
    alert( elem.src );
}
function foo2() {
    alert( this.src );
}
</script>

nerv_,
Благодарю. Уже не первый раз меня выручаете
Так я и учусь, чтобы рабочие примеры делать. Не сразу же все дается)