Как вывести содержимое js в блок div по клику?

Question

[Ayk72]

Добрый вечер!

В Js не понимаю вообще, помогите, пожалуйста! Нужно, чтобы при загрузке страницы в HTML был текст, а рядом ссылка, типа "Далее", и там уже, после клика, загружался текст из js.

Не шарю вообще, что-то типа такого написал, но не работает.

HTML:

<div class="scroll" id="text">
        Изначальное содержимое
    </div>
<a href="#" onclick="text();">Далее</a>

JS:

function text(){
document.getElementById('text').innerHTML = '<b>Новое содержимое</b>';
};

Answer 1

[Mikhail Osher]

Не вижу проблему.
plnkr.co/edit/i5MQEf0mw2lgRG07yUIU

Comments

[Ayk72]

@Miraage А в JSFiddle не работает, почему-то. Какому сайту верить?

[Mikhail Osher]

Ссылку на пример в студию.

[Mikhail Osher]

Не вижу проблему, акт второй.
jsfiddle.net/Lrb3Q

[Mikhail Osher]

Настоятельно рекомендую Вам ознакомиться с консолью разработчика. В Chrome/Firefox вызывается по F12.

[Ayk72]

@Miraage а еще вопрос, как избежать того, что при нажатии страница поднимается вверх?

[Mikhail Osher]

Либо по совету iiil, либо jsfiddle.net/Lrb3Q/2

Answer 2

[Юрий Лобанов]

@Ayk72 по второму вопросу - добавьте return false;

<a href="#" onclick="cock();return false;">bar?</a>