Javascriptを学ぶ の変更点

Top > Javascriptを学ぶ
*WicurioはJavascriptが使える [#f07bab66]
Wikiとしては珍しいですよね。
[[詳細はこちらに書いてます。>https://www.wicurio.com/faq/index.php?HTML%EF%BC%86Javascript%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6&word=java]]
管理画面に入る必要がある、つまり管理者である必要があります。
~
*サンプルがあったのでまんま入れてみました。 [#l6714e90]
~
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script>
 $(document).ready(function(){
   $("#button1").click(function(){
       var x = Number($('#text1').val());
       var y = Number($('#text2').val());
       var ans = x + y;
       var div = $('#answer').html('答え='+ans);
   });
 });
 </script>
 X:<input type="text" size="3" name="text1" id="text1" value="1"><br>
 Y:<input type="text" size="3" name="text2" id="text2" value="20"><br>
 <input type="button" name="push" value="X+Yを計算" id="button1">
 <div id="answer">答え=</div>
~
その後、Wikiの本文に
 #embed(1);
と入力します。
「１」はWiki管理画面でのJavascriptの管理番号なので、１じゃない場合もあります。
結果はこちら。
~
#embed(1);
~
ちゃんと動きますね。
~
*基礎から学ぶ [#m0b8de3a]
基本的に何もわかってないので、０から学ぶ感じでやっていこうと思います。
~
**テキスト表示 [#b81481b9]
まずはお約束の「HelloWorld」から。
~
    <script>
        document.write('Hello World');
    </script>
~
結果はこちら。
~
#embed(2);
~
「document.write('ああああ');」でテキスト表示のようですね。
~
**数値計算や文字列結合 [#x197cbff]
まずはお約束の「HelloWorld」から。
~
    <script>
    var price = 100;
    var tax = 8;

    // 算術演算子として利用している例
    document.write(price + tax); //「108」と表示される

    // 文字列結合として利用している例
    document.write('合計金額は' + price + '円です。'); //「合計金額は100円です」と表示される
        
    </script>
~
結果はこちら。
~
#embed(3);
~
var:変数の定義
数値+数値：普通に足し算
文字列＋数値（文字列）：つなげる
~
**良さげなサンプル [#vf73d42c]
#embed(5);
https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript

~
ご覧頂きありがとうございました。