JQuery: изменение размера шрифта не работает

Question

Я следую учебному курсу на thenewboston.com: Я скопировал именно то, что дал учебник: его работы, но не мои: где ошибка? Предупреждение (текущий) должно возвращать текущий размер шрифта: ничего не работает, несмотря на то, что я следил за учебником точно с запятой для запятой и запятой для запятой. (Я неоднократно типизированных и перепечатывать это в соответствии с учебника: он работает в учебнике, но не для меня.)

Вот HTML:

<!-- font size switcher--> 
    Font size: <a href="#" id="smaller">Smaller</a> <a href="#" id="bigger">Bigger</a> 

<p>This is some text</p> 
    <p>This is some more text</p> 

    <!--- script links ---> 
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script> 
    <script type="text/javascript" src="js/selectors_two.js"></script> 

Вот код:

function change_size(element, size) { 
    var currrent = element.css('font-size'); 
    // Check: alert() to return current font-size 
    alert(current); 

} 
// derisive comment... 
alert('Ha! You thought this would work!'); 

$('#smaller').click(function() { 
change_size($('p'), 'smaller'); 
}); 

$('#bigger').click(function() { 
change_size($('p'), 'bigger'); 
}); 

Даже на этом этапе кода еще больше кодирования, все, что необходимо для выполнения, - это предупреждение (текущий). И это не так. Зачем?

И да, я знаю об использовании .on(): Я даже пытался переделать с помощью .on().

Answer 1

У вас есть опечатка: current с тремя «r»: var currrent.

Answer 2

Замените код ниже код

function change_size(element, size) 
{ 
var current=element.css("font-size"); 
alert(current); 
}