Требуется сделать отображение текста в документе HTML по клику на кнопку. Причём не скрытого с помощью css (display:hide), а чтобы он находился в скрипте а при клике появлялся. Такая реализация потребовалось, чтобы скрыть данный текст от поисковиков.
<script type="text/javascript">
<!--
str1="<p>Страница с кнопкой загрузилась</p>";
document.write(str1);
//-->
</script>
Немного погуглив я узнал что такая вот простая конструкция хорошо справляется с выводом в любое место документа, но текст выводится сразу при загрузке страницы.
Тогда я решил немного усложнить и написал функцию которую вызываю по клику на кнопку.
<script type="text/javascript">
<!--
function btnClick()
{
str3="<p>Вы нажали на кнопку</p>";
document.write(str3);
}
//-->
</script>
<input type="button" onclick="btnClick();" value="Нажми здесь" />
Но оказалось что при вызове функции скрипт работает по другому, а именно создаёт новую страницу с надписью "Вы нажали на кнопку".
Как добиться того чтобы текст появлялся в произвольном месте старого документа, а не в ново-созданном.
Пример описанного скрипта
