*

簡単な計算結果を表示してみる

公開日: : 最終更新日:2015/10/29 javaScript , ,

ステートメント

プログラムでは、1つの命令の単位のことをステートメントと呼びます。

日本語に訳せば、文という意味です。サンプルコードを見てみると、alert命令の後ろの()内にダブルクォーテション「”」で囲って記述した文字列をダイアログボックスに表示しています。javaScriptのステートメントの終わりはセミコロン「;」を書きます。

alert内の()は、足し算や引き算といった計算式を書くことができます。算数と同じ要領です。足し算なら「+」引き算なら「-」です。サンプルコードをみると複数行書いていますが、基本は、上から下にステートメントが実行されます。

今回のサンプルコードの実行結果はこちら

コメントアウト

javaScriptで「//」や「/*」「*/」と書くとその部分は動作に影響しません。サンプルコードをみると 一行だけコメントアウトにするの場合は「//」複数行に及ぶ場合の始点は「/*」終点は「*/」とかきます。

引数とは

命令に与える何かしらの値の事を引数(ひきすう)といいます。
alert(“test”); と書けば、()内に記述した「test」が引数です。。この場合「test」という文字列がalert命令に渡され、ダイアログボックスに表示されます。

引数がダブルクォーテション「”」で、囲まれていません。この場合は引数は数値として扱われます。プログラミング言語では、文字列(文字が並んだもの)と数値は、完全に別物として区別されます。

数値で算数の計算を行うことはできますが。文字列では算数はできません。そのため、「10+10」は「20」と表示されたました。alert(“10+10″); と書くとダイアログボックスには「10+10」と表示されます。この足し算は全て文字列をして判断されます。

演算子とは

足し算や引き算といった演算(計算)に使う記号のことを、演算子といいます。今回登場したのは足し算「+」引き算「-」です。他にもありますが、次回以降の記事で紹介します。

スポンサードリンク

関連記事

JavaScript

フォームの部品を利用する

HTMLフォームは、javaScriptからみれば、formオブジェクトです。フォームのGUI部品で

記事を読む

catejavaScript

配列を操作してみる

javaScriptの配列は、Arrayオブジェクトのインスタンスです。配列をオブジェクトとして使う

記事を読む

catejavaScript

計算の優先順位

演算子の優先順位 算数の計算にも、足し算と引き算よりも掛け算と割り算が優先されるルールがあるように

記事を読む

JavaScript

オブジェクトにメソッドを追加する

通常のオブジェクトと同様に、ユーザー定義のオブジェクトにもメソッドを登録することができます。前回作成

記事を読む

catejavaScript

処理をまとめて、その名前を書くと呼び出せるようにする

ユーザー定義関数 関数とは、何かしらの粗利を1つにまとめて、後から関数名という名前で呼び出せるよう

記事を読む

JavaScript

新規のウィンドウを開く

windowオブジェクトは、Webブラウザが自動的に生成するオブジェクトです。Webブラウザで新たな

記事を読む

catejavaScript

変数の有効範囲を知る

変数のスコープとは 個々の変数には、その変数が使える範囲が定まっています。そのことを、変数のスコー

記事を読む

JavaScript

DOMを使ってアニメーション

スタイルシートでは、要素の表示位置をtop(上端)left(左端)といったプロパティで設定できます。

記事を読む

JavaScript

document内の好きな要素にアクセスする

HTMLドキュメントやXMLドキュメントのすべての要素に、階層構造で接続できるようにした仕組みのこと

記事を読む

catejavaScript

javaScriptの変数の使い方

今回は変数の基本的な使い方について触れていきます。 変数の宣言 変数は、使用する前に「***とい

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑