JavaScriptで段落の内容を書き換えられない

###前提・実現したいこと
JavaScript, JQuery の勉強を初めたばかりです。
「ボタンをクリックすると段落の内容を書き換える」
ということに関して質問をさせてください。

JQueryで簡単に実装可能なことはわかるのですが、ライブラリを使わず、JavaScriptのみで書いたものが動きません。

関数の中に、document.getElementById('demo').innerHTML を書いているのがいけないんじゃないかなというくらいには察しが付くのですが、

では、どう書けば動くのか？
私はどういう勘違いをしている、あるいは、どういうことを知らないから、こういうコードを書いたのか？

ということが、とても気になります。

勉強は、w3cshools と dotinstall と書籍1~3冊でしました。
まわりに、コードを書く人はいません。
この間は、if == の =が二個以上必要というところで、だいぶ詰まっていたので、気付くのに時間がかかったので、思い切って質問させていただきました。

どなたか、お返事いただければありがたいです。

###発生している問題・エラーメッセージ

JavaScript で、段落の内容を書き換えられない

###該当のソースコード

× JavaScript
document.getElementById('btn1').onclick = 
	function(){document.getElementById('test1').innnerHTML = "Hello world";};

○ JQuery 
$("#btn1").click(function(){
    $("#test1").text("Hello world!");
});

###試したこと
勉強は、w3cshools と dotinstall と書籍1~3冊でしました。
まわりに、コードを書く人はいません。
この間は、if == の =が二個以上必要ということに気付くのに時間がかかったので、思い切って質問させていただきました。
どなたか、お返事いただければありがたいです。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報