数値alert関数prompt関数はじめに、関数ワンポイント今回から「関数」についての学習が始まります。この関数という概念を理解することができずにつまづくプログラミング初心者が大勢います。これは、関数が難しいと言うよりも、日常生活で普段から使わないものだから理解しにくいというだけです。繰り返し練習さえすれば、誰でも理解できるようになります。一度で覚えられないからといって、決して悩まないでください。数十日かけて理解できれば十分です。デツクルでは、同じことを繰り返し練習してもらうようにしています。プログラミング入門の本を読んで「わからなかった」と思う場合、それは練習が足りていないからです。コードを書いて実行する練習が足りていません。自然にわかるまで何度も繰り返し練習しましょう。参考書などの書籍は紙面量に制限があるため、内容に重複が無いよう書かれています。WEBコンテンツの制限量は無いに等しいので、デツクルではくどいくらい何度も説明します。頭で分かったつもりにならず、積極的に手を動かしてみましょう。※それでもわからないことがあれば気軽にコメント欄に記入下さい。world”);を解説それでは前回の章で実行した1行のコードを解説していきましょう。※デツクル記事内で提示したコードは、その都度JavaScriptエディタへ貼り付けて実行し、動きを確認しましょう。「なぜこのように動いたのか?」を理解することが大切です。world”と記述したからです。world”のことを、文字列と言います。文字列は、“○○○○“(ダブルクォーテーション)や‘○○○○‘(シングルクォーテーション)などの囲い文字で囲って表現します。数値はどのように表現されるかというと、囲い文字がありません。1や59などと表記すればよいのです。数値なので「アルファベット」や「ひらがな」などの文字は使えませんが、足し算や引き算などの「計算」ができます。プログラミングにおいては、数値と文字列の違いを見極めることが大切です。alert関数(アラート関数)alert関数とは、「alert()」のことです。world”」という文字列を入れています。試しに以下のコードを実行してみましょう。→エディタを新しいタブで開くalert();【code:002_01】カッコ内に文字を入れなかったので、何も書いていないダイアログが表示されましたね。alert関数とは、alert()のカッコ内に入れた値を「ダイアログで表示する機能」だったのです。※値(あたい)とは文字列ならびに数値を指すものと捉えてください。alert(アラート)とは本来”警告”を意味します。alert関数は、WEBサイトに訪れたユーザへ注意を促す時などに使われます。「JavaScriptデツクル」では、プログラミングを実行した結果を表示する目的でalert関数をしばらく使っていこうと思います。alert関数で複数のダイアログを表示させるでは、以下のコードを実行しましょう。「こんにちは、世界」「javaScriptは楽しいです」とダイアログが2つ表示されたら成功です。関数が上下に2つあるので、alert関数が2回実行されたということが分かるでしょうか。上から順に1行づつ実行していく性質があることを理解してください。ここで1つ解説します。関数の最後に「;」(セミコロン)が書かれていることに気が付きましたか?これは1行の命令がここで終わることを表しています。プログラミングでは、ステートメント(命令・宣言)の最後に付与するものとして使用します。最初のうちは、この「;」を忘れがちです。「;」が無いことで、プログラムが正常に動かないことが多いので気をつけましょう。prompt関数(プロンプト関数)で足し算をさせる次にprompt関数を解説します。この関数はダイアログを表示するalert関数と似ていますが、役割が違います。prompt関数は、閲覧者からダイアログで値を受け取る仕組みになっています。以下のコードを書いて実行してみましょう。実行を押すと、2回ほど値を求められますが、そのままOKを押してください。ここでは初期値(デフォルト値)としてコードの1行目と2行目に1と2を入力しています。※初期値とは、閲覧者が何も変更を加えなかった場合に表示される(プログラマーによって初めに設定されている)値のことです。実行ボタンを押した後、3回目のalertで表示された結果は何と表示されましたか?おそらく12と表示されたはずです。12と表示されたのか、記述したコードの3行目を見てみましょう。b」と、足し算の記号が書かれています。alert()の中で、足し算しているように見えますね。(a、b、var、の意味については次章で解説します。「足し算している」ということだけ理解してください。)3回目のalertで表示された12とは、”1′′と”2′′を足した値が”12′′という結果を表示しているのです。「あれ?なんだか、おかしいな」と思ったら、あなたはよく考えている証拠です。!足し算機能を作っていたはずなのに、足し算ができていません。“1”と”2′′を+という記号でつないでいますが、”1′′と”2′′がくっついて”12′′となっています。ここまでの説明でよく分からない方は、”1234′′と”5678′′という数値をいれてみてください。”12345678′′という文字列が3回目のalertで表示されるようになるはずです。これは足し算ではなく「文字が連結されて出力されている」ということになりますね。それでは、ひとまず以下のように書き直してみます。b);【code:002_04】3行目と4行目に、新たなコードが追記しました。【code:002_04】を記述して実行すると、3回目のalertで3と表示されるようになりました。これでひとまず正確な足し算ができましたね。b」で入力した文字データを数値型のデータへ変換します。これにより数値型のデータとしてコンピュータが認識し「1+2=3」という足し算ができるようになりました。このコードを追加する前の段階では、入力した「1」と「2」が文字データとして認識されていたので、文字連結の結果として「12」が表示されていたのです。プロンプト関数を使って計算を行う場合は、入力した文字列を数値へ変換するコードが必要だということだけ、なんとなく頭にいれておいてください。コメントをキャンセルコメントを投稿するにはログインしてください。Reserved.運営会社|プライバシーポリシ。