>  > 18インチスカイラインV35系WORK エモーション T7R アッシュドチタン 7.5Jx18NANOエナジー 3プラス 225/45R18

18インチスカイラインV35系WORK エモーション T7R アッシュドチタン 7.5Jx18NANOエナジー 3プラス 225/45R18

  • KENDA ケンダ KR-201 サマータイヤ 215/45R18 HotStuff 軽量設計!G.speed G-01 ホイールセット 4本 18インチ 18 X 7.5 +53 5穴 100
  • 中文

    • サイトマップ
        • 新製品情報
        • カテゴリー別
        • 五十音別
        • 用途別
        • キーワード検索
          • カタログ
          • CAD図面データ
          • 取扱説明書
          • 注意説明書
            • 熱の実験コンテストDUNLOP ダンロップ エナセーブ EC204 ENASAVE サマータイヤ 195/60R16 KYOHO 共豊 スマック プライム ヴァニッシュ SMACK VANISH 12月末迄 ホイールセット 4本 16インチ 16 X 6.5 +48 5穴 114.3
            • 熱の実験室-新館
            • 元祖 熱の実験室【送料無料】 215/60R17 17インチ WEDS ウェッズスポーツ SA-77R 7.5J 7.50-17 SAFFIRO サフィーロ SF5000(限定) サマータイヤ ホイール4本セット フジコーポレーション
              • 会社概要
              • 販売ネットワーク
              • 求人情報
                (グループサイト)
              • 会社名変更のお知らせ
                • 資料請求
                  お問い合わせ
                • デモ機貸出し受付
                • メンテナンス
                   サービス
                • 電話相談窓口
                  (関西地区)
                • 電話相談窓口
                  (首都圏)
                  • 技術情報
                  • 一番簡単な JavaScript

                    エモーション アッシュドチタン T7R 3プラス エモーション 18インチスカイラインV35系WORK 7.5Jx18NANOエナジー 3プラス 225/45R18

                      はじめてみよう JavaScript プログラミング  


                    はじめに

                     いつもパソコンを使っているけど、市販のソフトや、誰かに作ってもらったソフトを使っているだけ、プログラムなんて自分には無縁だと思っているひとは多いと思います。でも、JavaScript を使えば割と簡単に、便利なプログラムをつくることができます。Q&Aキットの簡単計算フォームも JavaScript で作成してあります。
                     「一番簡単な JavaScript」では LT255/80R17 TOYO OPEN COUNTRY A/T 2 オールテレーン LT 255/80-17 of、プログラムを組んだことがないひとが、実用的な計算ができるようになること、を中心に進めていきたいと思います。

                    JavaScript とは

                     インターネットの、このページのような文書は、HTML(Hyper Text Markup Language)で書かれています。ここをクリックしてみてください。一番簡単な JavaScript の後に、1~100の数字が付いて、100行表示されたはずです。その中身は、次のようになっています。<HTML>ではじまって、</HTML>で終わる HTML 文書の中で、<SCRIPT TYPE="text/javascript">から</SCRIPT>までが JavaScript です。たったこれだけ書くだけで、100行の文字列が表示できるんですから、簡単そうに見えませんか? for(i=1 ; i<=100 ; i++) の部分の100の数値を変えれば、何万行でも表示できます(意味ないけど)。

                    <HTML>
                    <HEAD>
                    <SCRIPT TYPE="text/javascript">
                        var i;
                        for(i=1 ; i<=100 ; i++)
                            document.write("一番簡単な JavaScript "+i+" <BR>");  
                    </SCRIPT>
                    </HEAD>
                    <BODY>
                    </BODY>
                    </HTML>
                     ● 特別なソフトが必要ない

                     ふだん使っているブラウザ、Netscape Navigator や Internet Explorer で動きます。プログラムを書くのも、普通のテキストが編集できるエディターがあればできます。たとえば メモ帳(notepad)でも OK です。

                     ● Cに似ていてわかりやすい

                     色々と違う部分はあるけど、Cと同じような感じで書くことができます。関数の集まりで、if(もし~ならば)、while(~である間繰り返す)、for(~が~になるまで繰り返す)などを使用して、高度な制御もわかりやすく表現できます。Cに無縁のひとには、わかりやすくも見えないかもしれませんが、{ } でかこんだ表現は、慣れれば見やすくなると思います。

                     ● ファイルの操作などはできない

                     パソコンのハードディスクの中の、ファイルの内容を変えたり消したり、ということは、基本的にはできません。そうでないと、インターネット上のページを開いたら、ハードディスクの中のファイルが消えた、なんていうこともできてしまい、大変ですからね。

                    JavaScript の書き方

                     ● 最後が ; で終わる

                     エディターで見える行は関係なく、最後は必ず ; です。そのため、上の JavaScript の部分を、

                    var i; for(i=1 ; i<=100 ; i++) document.write("一番簡単な JavaScript "+i+" <BR>");

                    というように、

                    18インチスカイラインV35系WORK エモーション T7R アッシュドチタン 7.5Jx18NANOエナジー 3プラス 225/45R18
                    TOYOTIRES トーヨー トランパス ML ミニバン TRANPATH サマータイヤ 225/50R18 WEDS ウェッズ Kranze クレンツェ Weaval 100EVO ホイールセット 4本 18インチ 18 X 7.5 +48 5穴 100!【★送料無料】 【ファイナルコネクション】ファイナルコネクション ブレーキキャリパーキット STEALTH NEW TYPE CALIPER KIT F:6POT 286×18 DAIHATSU ミラ/ミラアヴィ L700S/L700V L250S(AVY)/L260S(AVY) L275S/L285S 【 型式:L285S オプション:011 ORANGE Y.【送料無料】 235/35R19 19インチ BBS JAPAN BBS RS-GT 8J 8.00-19 FALKEN ファルケン アゼニス FK510 サマータイヤ ホイール4本セット フジコーポレーション,【送料無料】 235/30R20 20インチ BBS JAPAN BBS RI-S 8.5J 8.50-20 YOKOHAMA ヨコハマ ブルーアース A(AE50) SALE サマータイヤ ホイール4本セット【YOsum18】

                    18インチスカイラインV35系WORK エモーション T7R アッシュドチタン 7.5Jx18NANOエナジー 3プラス 225/45R18

                    、続けて一行に書いても同じ様に動きます。けれども、見た目でプログラムの構造がわかりやすいように、ふつうは改行してインデントをつけて書きます。

                     ● まとめてブロックにするときは { } でかこむ
                      for(i=1 ; i<=100 ; i++)
                      {
                          document.write("一番簡単な JavaScript "+i+" <BR>");  
                          document.write("二番目に簡単な JavaScript<BR>");
                      }
                      document.write("三番目に簡単な JavaScript<BR>");

                    と書けば、一番...二番目... はブロックになっているので、for(i=1 ; i<=100 ; i++) により 100回表示され、三番目... はその後で1回だけ表示されます。

                     ● 大文字と小文字は区別する

                     abcd Abcd aBcd は区別されます。後で説明する、変数名や関数名を付けるときも、注意が必要です。

                     ● コメント

                     良くあることですが、自分で書いたプログラムを、自分で理解するのが難しくなる場合があります。書いたひと以外が見る場合はなおさらです。

                      var i; // iを変数として宣言
                        for(i=1 ; i<=100 ; i++) //i=1からはじめて、1ずつ足していって、100まで繰り返す  
                            document.write("一番簡単な JavaScript "+i+" <BR>");
                        /* document.write はドキュメントに書きこみます。
                        <BR>はHTMLの改行です。これがないと表示されません。*/

                    というように、一行のコメントは // ではじめて、複数行のコメントは /**/ で囲みます。

                     ● 代入 = / 比較 ==

                     i=0 は変数 i の値を 0 にするということです。i が 0 と等しいか調べるときは 、i==0 と書きます。if(i==0) は、i が 0 なら、という意味ですが、if(i=0) と書くと、i に 0 が代入されるので、常に真になってしまいます。

                    計算をしてみる

                     加算:+   減算:-   乗算:*   除算:/   剰余:% 

                     そろそろ、計算してみましょう。演算子は上のように、ふつうのものはあります。この演算子を使った簡単な例はここ【送料無料】 165/70R14 14インチ MONZA モンツァ JPスタイルベーカー 5.5J 5.50-14 YOKOHAMA ヨコハマ ブルーアース AE-01F SALE サマータイヤ ホイール4本セット フジコーポレーション をクリックしてください。その中身は、次のようになっています。

                    <HTML>
                    <HEAD>
                    <SCRIPT TYPE="text/javascript">
                        var datA, datB, datC, datD, datE;
                        datA = 10 + 10;
                        datB = 10 - 5;
                        datC = 10 * 10;
                        datD = 10 / 2;
                        datE = 10 % 4;
                        document.write("A: 10 + 10 = "+ datA +"<BR>");  
                        document.write("B: 10 - 5 = "+ datB +"<BR>");
                        document.write("C: 10 * 10 = "+ datC +"<BR>");
                        document.write("D: 10 / 2 = "+ datD +"<BR>");
                        document.write("E: 10 % 4 = "+ datE +"<BR>");
                    </SCRIPT>
                    </HEAD>
                    <BODY>
                    </BODY>
                    </HTML>

                     var は、変数の宣言するときに使用します。datAdatEの、5つの変数を宣言しています。変数を宣言するとき、整数型とか文字型といった型を指定する必要がありません。そのため、datA = 10 + 10; の部分を、datA = "こんにちは"; と書き換えても、正常に動きます。なお "こんにちは" のように、文字は " または ' で囲みます。

                     演算子で注意が必要なのは、+ です。+ は、数値の加算だけでなく、文字をつなげるときにも使います。datA = "こんに" + "ちは"; と書くと、datA には "こんにちは" が代入されます。datB の値が5なら、datA = "こんに" +datB+ "ちは"; と書けば、datA には "こんに5ちは" が代入されます。ここまでは、まあいいんですが、変数の型が指定されていないために、10 + 10 = 20 という計算をするつもりが、"10"+"10"="1010" となってしまったりもするんです。

                    <HTML>
                    <HEAD>
                    <SCRIPT TYPE="text/javascript">
                        function calc()
                        {
                            var datA, datB, datC;
                            datA = document.form01.txt01.value;
                            datB = document.form01.txt02.value;
                            datC = document.form01.txt03.value;
                            document.form01.txt04.value = (datA + datB)* datC;  
                        }
                    </SCRIPT>
                    </HEAD>
                    <BODY>
                    <FORM NAME="form01">
                    ( <INPUT TYPE="TEXT" NAME="txt01" SIZE="10">
                    + <INPUT TYPE="TEXT" NAME="txt02" SIZE="10">
                    ) * <INPUT TYPE="TEXT" NAME="txt03" SIZE="10">
                    = <INPUT TYPE="TEXT" NAME="txt04" SIZE="10"><BR>
                    <INPUT TYPE="button" VALUE="計算" onClick="calc()">  
                    </FORM>
                    </BODY>
                    </HTML>

                     これは、フォームを使用して、入力した数値を計算するものです。<BODY>から</BODY>がHTML文書の本文ですが、この中の<FORM... から</FORM>がフォームで、名前は "form01" です。<INPUT TYPE="TEXT"... という部分がテキストボックスで、NAME= で名前、SIZE= で表示文字数を指定しています。<INPUT TYPE="button"... の部分がボタンで、名前は "計算" 5次元 ボーダーS マフラー ステップワゴン DBA-RG2 BOH1121 取付セット 5ZIGEN 五次元 ゴジゲン 5JIGEN BORDER-S スポーツマフラー【店頭受取対応商品】、onClick はクリックされたら、という意味で、calc という関数が実行されるように指定されています。
                     functioncalc という関数を定義しています。calc() の()の中には、引数が入りますが、この関数は引数がないので空です。
                     calc は、左の3つのテキストボックス(txt01, txt02, txt03)の値を、変数 datA, datB, datC に代入してから 【店舗取付サービス】★車業者向け送付限定★送料無料★ 【フォレスター SJ ガナドール】フォレスター DITターボ SJ5 CONVERT Rouge EVO ブルーテール、(datA + datB)* datC を 一番右のテキストボックス(txt04)に表示しています。ここをクリックして、試してください。

                     どうでしょう。datA = document.form01.txt01.value; は、一番左のテキストボックス(txt01)の値を datA に代入していますが、数値とは認識しないで、文字列になってしまっています。そのため、datAdatB を加算するつもりが、文字列としてつなげてしまっています。この文字列を乗算するときには、datAdatB をつなげた文字列を、数値として乗算してしまうために、とんでもない計算結果になってしまっています。それでは、これを修正してみましょう。

                      function calc()
                      {
                          var datA, datB, datC;
                          datA = eval(document.form01.txt01.value);
                          datB = eval(document.form01.txt02.value);
                          datC = eval(document.form01.txt03.value);
                          document.form01.txt04.value = (datA + datB)* datC;  
                      }

                     テキストボックスの値の部分を eval でかこんでいます。ここをクリックしてください。こんどは、正しく計算できたはずです。 eval は ZC11/21/31/71 スイフト エキゾーストキット / 排気セット【トラスト】スイフト スポーツ ZC31S ストリートスペック EX.マニ フロントパイプ センターパイプ セット、あらかじめ定義されている関数で、数値または数式の文字列を評価して数値にします。そのため、datAdatC は数値になり、正しく計算できました。これ以外の方法として、datA = document.form01.txt01.value;... という部分はそのままで、...= (datA + datB)* datC; の部分を...= (datA*1 + datB*1)* datC; としても、正しく計算できます。datA に 1を乗じるときに、文字列を数値にしているためです。

                    使うことができる色々な演算子

                     他に、次のような演算子を使用することができます。

                    算術・代入演算子

                    18インチスカイラインV35系WORK エモーション 4.5Jx14LEMANS T7R アッシュドチタン 7.5Jx18NANOエナジー 3プラス グロスブラック 225/45R18


                    表示例   
                    x++
                    x--
                    x += y
                    x -= y
                    x *= y
                    x /= y
                    x %= y
                    意味
                    x = x + 1  
                    x = x - 1
                    x = x + y
                    x = x - y
                    x = x * y
                    x = x / y
                    x = x % y
                    比較演算子
                    表示例   
                    x == y
                    x != y
                    x > y
                    x >= y
                    x < y
                    x <= y
                    意味
                    x と y が等しけれが真
                    x と y が等しくなければ真  
                    x が y より大きければ真
                    x が y 以上なら真
                    x が y より小さければ真
                    x が y 以下なら真

                    eval で簡単な電卓

                      先に出た eval は、数値だけでなく、数式も評価して数値にします。ここをクリックしてください。上側のテキストボックスに計算式を入力してから、[計算]ボタンをクリックすると、下側のテキストボックスに計算結果が表示されます。中身は次のようになっています。

                    <HTML>
                    <HEAD>
                    <SCRIPT TYPE="text/javascript">
                        function calc()
                        {
                            with(document.form01)
                                txt02.value = eval(txt01.value);
                        }
                    </SCRIPT>
                    </HEAD>
                    <BODY>
                    <FORM NAME="form01">
                    計算式:<INPUT TYPE="TEXT" NAME="txt01" SIZE="30">
                    <INPUT TYPE="button" VALUE="計算" onClick="calc()"><BR>  
                    計算結果:<INPUT TYPE="TEXT" NAME="txt02" SIZE="10">
                    </FORM>
                    </BODY>
                    </HTML>

                     calc という関数の部分がとても簡単になっています。上側のテキストボックス(txt01)内の計算式を eval で評価して数値化し、下側のテキストボックス(txt02)に表示しているだけです。なお、with というのは、既定のオブジェクトを指定するもので、この中では document.form01 と何度も書くのを省略することができます。
                     こんな簡単な電卓でも、カッコも使えて数式と結果が同時に表示されているので 【送料無料 N-BOX タントカスタム ワゴンR】 155/65R14 14インチ TECHNOPIA テクノピア カシーナ XV-5 4.5J 4.50-14 YOKOHAMA ヨコハマ ブルーアース AE-01 SALE サマータイヤ ホイール4本セット フジコーポレーション、ハンディータイプの電卓とくらべても、

                    18インチスカイラインV35系WORK エモーション T7R アッシュドチタン 7.5Jx18NANOエナジー 3プラス 225/45R18

                    、けっこう便利だと思うんですが。

{yahoojp}jpprem01-zenjp40-wl-zd-55964