Вызов функции javascript с параметром по нажатию кнопки

Question

Я хочу вызвать функцию javascript, нажав на кнопку. Моя проблема заключается в том, что он работает без параметров, но не работает с параметром. Вот моя кнопка:

<button onclick="javascript:copy("foo");"> 

Моя Javascript функции:

var idACopier; 
function copy(id){ 
    alert('something'); 
    idACopier = id; 
    alert(idACopier); 
} 

Ни один из alert вызовов не работает. Может кто-нибудь сказать мне, что я сделал неправильно, пожалуйста?

Answer 1

Ваша проблема связана с неверными котировками. Попробуйте это:

var idACopier; 
 

 
function copy(id) { 
 
    idACopier = id; 
 
    alert(idACopier); 
 
}

<button onclick="javascript:copy('foo');">Click me</button>

Лучшим решения было бы использовать Ненавязчивый JavaScript, чтобы прикрепить обработчик событий вместо атрибутов устаревшего on* события. Как вы уже помечено JQuery, вот как вы можете сделать это:

var idACopier; 
 

 
$('button').click(function() { 
 
    idACopier = $(this).data('foo'); 
 
    alert(idACopier); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button data-foo="foo">Click me</button>