javaスクリプト１javaスクリプト

スクリプトでアラートを出す
イベントハンドラー

ここでの最終目標はこんなの

今日の運勢1

こんなプログラムです

<p id="p1"> 今日の運勢1</p>
<input id="button1" type="button" value="ボタンを押して下さい">
<script>
let button1=document.getElementById("button1");
let p1 = document.getElementById("p1");
let uranai = ["大吉","中吉","吉","小吉","凶"];
button1.onclick = function(){
　　　let rnd = Math.floor( Math.random()*5 );
　　　p1.style.color = "blue";
　　　p1.style.fontSize="30px";
　　　p1.innerHTML= uranai[rnd] ;
}
</script>

準備

まずhtnlのページを見て、Google Chromeとそこに書いてあるエディタを準備してください。
windowｓ　についている、テキストエディタ（メモ帳）でもかけますが、なれたらエディタが良いでしょう。

HTMLの準備

HTMLはインターネットに表示するために書いた、文章です。

HTMLを準備しよう
sub1.html へのリンク
こんなHTMLを準備してみよう。
まず、保存用のホルダーを作ります。
ディスクトップで右クリックして、新規作成をクリック→フォルダーとして、フォルダーを作成し
新しいホルダができています。
名前をスクリプト練習など
としておきましょう。

次にHTMLを書きます。
（これを簡単にするには
　HTMLを保存するフォルダーを作って
　上のリンクを開いて→右クリック→名前をつけて、先ほど作ったフォルダーへ保存する。
　すると、sub1.html　がフォルダーの中へできます。)

ちゃんとするには
こんな文章を書いて、これから保存するホルダの中へsub1.html として保存します

<!doctype html>

<html lang="ja">

<head>

    <meta charset="UTF-8">
</head>

<body>

<div>

  <h1>ジャバスクリプト１</h1>

  <div>
     ここへ何か書こう

  </div>

</div>

</body>

簡単な解説

<!doctype html>

        は、これはHYMLだよという宣言

        <html lang="ja">

        lang つまり言語は日本語です

        <head>

        ここからページへは表示されない大事なことを書きます

        <meta charset="UTF-8">

        キャラクタセット、つまり文字のタイプはUTF-8 です。世界中通用します。

        </head>

        これで大事な部分おしまい。

        <body>

        ここからボディ、つまりHTMLに表示される部分です。

<div>

  <h1>ジャバスクリプト１</h1>

  <div>
     ここへ何か書こう

  </div>

</div>

        </body>

<body> から</body>は
　この中に、HTMLの本体を書きますという宣言
<h1> </h1>
　これが見出しです。　数字を２　３　４　５　と変えてみてください
7行目<div. から　</div> は段落ということ
です。

これを作製し、index.html　と言う名前で保存し
保存したフォルダを開いて、index.html をダブルクリックすると
ブラウザで表示されます。

アラートを書いてみよう

{ここへ何かを書こう}のところをこんなふうに書き換えます。

 <script>

                    　　alert("アラーﾄがでます,何でも書いてみて"); 

                    </sceipt>

これでアラートが出ます
スクリプトを書くときは、まずアラートを学習することが多いのです。
アラートはプログラムを書いていくとき、今どうなっているんだというときに使えます。
バグで動かないときなどにも使うのです。

れをHTMLのbodyの中の【//ここへスクリプトを書く//】とある部分に、上書きで,、またはその下へ書いてみます。
（外部ファイルに書く方法などもありますが、まず直接書いてみましょう）
そうしてHTMLをブラウザで表示するとアラート【アラーﾄがでます,何でも書いてみて】が表示されます。
スクリプトを書くときは、まずアラートを学習することが多いのです。
アラートはプログラムを書いていくとき、今どうなっているんだというときに使えます。
バグで動かないときなどにも使うのです。
ということを頭の片隅にいえておきましょう。

アラートを書き換えよう

javaスクリプト２
javaスクリプト３
javaスクリプト４
javaスクリプト５
javaスクリプト６