javaスクリプト１

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

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

今日の運勢1

準備

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

HTMLの準備

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

HTMLを準備しよう
sub1.html へのリンク
こんなHTMLを準備してみよう。
（簡単にするには
　HTMLを保存するフォルダーを作って
　このリンクを開いて→右クリック→名前をつけて保存（このとき、先ほど作ったフォルダーへ保存する。
　すると、HTMLができます。

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<body>
<div>
<h1>ジャバスクリプト１</h1>
<div>
ここへ書こう
</div>
</div>
</body>
</html>

　HTMLはJavaスクリプトを表示するインターネットのページです。)

そしてこれが占い
だんだん説明します

<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>

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

以下作成中

 $<!doctype html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>javaスクリプト</title>
</head>
<body>
<div class=java1>
    <h1>Javaスクリプト１</h1>
    <div class=java1a>
        //ここへスクリプトを書いていく
    </div>
</div>
</body>
</html>
<pre><![CDATA[



    </div>
    他にHTMLがあればそれでも良いのです。
        <div class=java1> ～ </div> があれば大丈夫。
    </pre><h3>やってみよう</h3><pre>
        早速スクリプトを書いてみましょう。


        </pre><div style="background-color:#EDF7FF;">
<pre><![CDATA[
<script>
    alert("私は神だ");

]]></pre>
</div><pre>
        これをHTMLのbodyの中の【//ここへスクリプトを書く//】とある部分に、上書きで,、またはその下へ書いてみます。
    （外部ファイルに書く方法などもありますが、まず直接書いてみましょう）
    そうしてHTMLをブラウザで表示するとアラート【私は神だ】が表示されます。
    スクリプトを書くときは、まずアラートを学習することが多いのです。
    アラートはプログラムを書いていくとき、今どうなっているんだというときに使えます。
    バグで動かないときなどにも使うのです。
    ということを頭の片隅にいえておきましょう。
    
    </pre><h3>書き方を覚えましょう。</h3><pre>
    
    今書いたように、<script></script>
    と囲んだ中にスクリプトを書くのです。
    その中に、alert()とかいて、アラート命令を呼び出し、その後に()を書き
    ()のなかに””で囲んでアラートに出したい文字を書きます。
    <b>数字を出すには</b>以下のように数字を入れれば良い。
    alert(123456);
    次には間違いがあります。いくつありますか。１個，２個，３個のいくつありますか。
    
</pre><div class="mondai2"><pre> <script>
      alert("１アラーﾄがでます")
  </script>
</pre></div><pre>
    
    
    </pre><h3>アラートを増やしてみよう</h3><pre>
    間違いは１つ、；が抜けています。
    これを書き忘れて動かないことが多いので注意しましょう。
    では、次は、２ツアラーとを書いてみましょう。
    例えば

</pre><div style="background-color:#EDF7FF;">
<pre><![CDATA[
<script>
    alert("私は神だ");

<script>
    alert("私は私の神だ");
</script>

]]></pre>
</div><pre>      
    
    とか色々やってみましょう。
        
    
    <A class="button2" href="b1_2.html">次の問題へ進む</A>
  </pre></math></code></pre>
        </div>
<div id="nakakoukoku">

</div>
<script type="text/javascript" src="../../../js/script1_1.js">
</script>
</div>
<!-- main終了 -->
<div id="side">

</div>
</div>
</body>
</html>$

ジャバスクリプトの１

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

準備

HTMLの準備