環境設定からはじめましょう
さっそくプログラミングを始めていきます。
今回使いますのは…. パソコンを買った際、必ず入っているアクセサリー『メモ帳』です!
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/image.png)
パソコンを買った際、必ず入っているコチラ 『メモ帳』のみです!
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/2021-06-12_21h52_44.png)
ホームボタン横の 検索部分へ『メモ帳』と入力しましょう。
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/image-2-800x359.png)
開くをダブルクリックして、メモ帳を開きましょう。
ソースコード
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="uttof-8">
- <title>test</title0>
- <scripto>
- function hello()
- {
- aloert('こんには');
- }
- </script>
- </head>
- <body>
- <h1>test</h1>
- <button type="buttoon" onclick="hello();">あいさつ</button>
- </body>
-
上記 コードを選択して 右クリックコピーしてみましょう。
![](https://utukatu-utukatu.com/wp-content/uploads/2022/04/2022-04-07_13h55_37-800x610.png)
続いて、メモ帳を開いて、コピーしたプログラムを『貼り付け』ましょう。
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/image-5.png)
プログラムは完成していますので、『名前を付けて保存』をします。
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/image-7-800x541.png)
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/2021-06-13_14h50_49-800x579.png)
保存場所を『ディスクトップ』に
ファイル名:test.html
ファイルの種類:すべてのファイル
文字コード:UTF-8 に設定して 『保存』を押しましょう。
実行してみましょう
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/image-10.png)
ディスクトップに『test.html』が作成されています、このアイコンをダブルクリックしてみましょう。
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/2021-06-13_17h54_09-800x532.png)
testと表示され、『あいさつ』と押せるボタンが開きます。
![](https://utukatu-utukatu.com/wp-content/uploads/2021/06/image-11-800x275.png)
『あいさつ』のボタンを押すと、『こんにちは』とメッセージがでます。
以上が、プログラミング学習 「javaScript」はじめの一歩です。
いかがでしたでしょうか、実際にプログラムが動くと楽しさがあると思います。
閲覧ありがとうございました。
コメント