「JavaScript、とっつきにくい・・・orz」
って思ってる方 いませんか?
そんな方のために世界一簡単なJavaScript開始法(自称)をご用意しました!
ここから、まずはファーストステップ、世界一低い階段を登ってください!
まずは下記のコードをメモ帳とかのテキストエディタにコピペしてください。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>世界一簡単なJavaScript</h1> <script> alert('Hello world!!!'); </script> </body> </html>
次はそのファイルを「index.html」というファイル名で保存してください。
最後に「index.html」をダブルクリックしてください。
下記のようなものが表示されるはずです。
おめでとうございます!
これであなたはJavaScriptデビューです!
ちょっとだけ、解説しますね。
<script> alert('Hello world!!!'); </script>
JavaScriptの記載部分は、ここだけです。
scriptってタグで囲んだ部分に、書きます。
alertってのは、ダイアログ表示させるものです。
カッコで囲んで、表示したい文字列をシングルクォーテーションで囲めばできます。
是非、Hell world!!! ってとこを、
「こんにちは、世界!!!」
とかに変更してみてください。
あ、変更を確認した場合はファイルを再度、開き直す必要があります。
実行前にファイルを保存するのも忘れずに!
次回予告【HTMLとJavaScriptの行き来がしたい】
JavaScriptの第一歩を歩き始めた皆さまが次にやりたいことは
HTMLページで入力した数値をJavaScriptで処理したい
JavaScriptで処理した結果を、HTMLページで表示させたい
この辺りではないでしょうか?
次回はここを解説できれば、と思います。
お楽しみに!^^