Почему при таком коде на станице вообще ничего не отображается?

Почему при коде ниже на странице ничего вообще нет.

var one = 'hello2'; //- заданная переменная;
//var two = 'hello3';

//alert(one); //- первый способ вывода;
console.log(one);// - второй способ вывода переменной;

//document.getElementById('first').innerHTML = one;
//document.getElementById('two').innerHTML = one;
$('#first').text(one);
//$('#two').text(two);
$('#first').fadeOut("slow");

//$('.myclass').text(one);

document.getElementsByClassName("myclass")[0].innerHTML = one;

document.getElementsByClassName("myclass")[0].style.color = "red";

document.getElementsByClassName("myclass")[0].style.background-color = "yellow";

$('.myclass').css('color','green');
$('.myclass').css('background-color','yellow');

Виды массивов в Javascript

var arrayNum = [1, 2, 3, 4, 5];

var arrayString = ['Первый', 'Второй', 'Третий', 'Четвертый', 'Пятый'];

var arrayJson = {
'menu': {
'first': 'Первое блюдо',
'second': 'Второе блюдо'
}
}


$('#result1').text('Вывод первого элемента массива arrayNum: ' + arrayNum[0]);
$('#result2').text('Вывод второго элемента массива arrayString: ' + arrayString[1]);
$('#result3').text('Вывод первого элемента массива arrayJson: ' + arrayJson['menu']['first']);