誰もが一度は鳥になりたいと思ったはず

Javascript での "Bonjour Madame!"

Javascript 初めて

プログラミングって始めるのに抵抗ありませんか？
難しそう、英語ばかり（目がちかちかする）、面倒くさい、、、
そう面倒くさい。
環境構築が面倒くさい！

という訳で、"Bonjour Madame!"を書くなら Javascript で決まりですね(白目)。
Javascript とはプログラミング言語の一つですが、必要なのは

  1. Google Chrome
  2. メモ帳

の２つだけ！ ※あと文章（マークアップ言語）のHTML。

"Bonjour Madame!"について
マドモアゼル - Wikipedia
Google 翻訳

※今回はHTMLについての説明は省略します。
準備としてHTMLの雛型をつくって maru.html で保存しましょう(拡張子に注意してください)。

<html>
<head>
<title>Hello, world.</title>
</head>
<body>
<script src="maru.js">
</script>
</body>
</html>

お馴染みの Google Chrome のマークでファイルが保存されていれば成功です。

f:id:oshirimaru:20180817232311p:plain


でかい。(笑)


本題。
javascript での"Bonjour Madame!" その１

document.write("Bonjour Madame!")

※ HTML5以降、document.write() は非推奨です！
実行は maru.html のアイコンをダブルクリックします。


javascript での"Bonjour Madame!" その2

alert("Bonjour Madame!")

迷わずOK ボタンを押しましょう。


javascript での"Bonjour Madame!" その3

console.log("Bonjour Madame!")

maru.html をダブルクリックした後に、F12 ボタンを押して "Console" という場所を開いてください。"Bonjour Madame!" が Bonjour Madame しているはずです。


メインに移る前に、maru.html をメモ帳で開いて 直下に

<a id="maru"></a>

を追加してください。

<body>
<a id="maru"></a>
<script src="maru.js">
</script>
</body>

次の "Bonjour Madame!" が、今回のメイン "Bonjour Madame!" になります。

document.getElementById("maru").textContent="うぇ～い";


具体的なサンプルは今後追加するまる～


おわりまる～