мой Javascript флажок не делает ничего

Question

http://codepen.io/PaxBlueRibbon/pen/wWJWXj

Я пытаюсь научить себя Javascript, но это Фаренгейта/Цельсия переключатель ничего не делает. Я настроил мой переключатель так:

$(document).ready(function getPosition() { 
    if (document.getElementById('myonoffswitch').checked) { 
    var unit = "Fahrenheit"; 
    } else { 
    var unit = "Celsius"; 
    } 

и установить условными в JS нравится эта

 var tempKelvin = json.main.temp; 
     var tempFahrenheit = tempKelvin * 1.8 - 459.67; 
     var tempCelsius = tempKelvin - 273.15; 
     if (unit == "Fahrenheit") { 
     $(".temp").html(Math.round(tempFahrenheit) + " Degrees " + unit); 
     } 
     if (unit == "Celsius") { 
$(".temp").html(Math.round(tempCelsius) + " Degrees " + unit); 
     } 

The FAHRENHEIT работает, и если я изменить переменную на что-то еще она перестает работать, но я не могу Не получишь, чтобы показать Цельсию.

Answer 1

Поскольку вы используете jQuery.

// you should add event listener. 
$('#myonoffswitch').change(function(){ 
    // and change "unit" every time checkbox is changed 
    unit = $(this).prop('checked') ? 'Fahrenheit' : 'Celsius'; 
    // change html here 
}); 

А вы можете назвать это событие на странице загрузки

$('#myonoffswitch').change();