JavaScriptとは何ですか?
JavaScriptはWeb用のプログラミング言語です。
JavaScriptは、 HTMLとCSSの両方を更新および変更できます。
JavaScriptは、データの計算、操作、検証を行うことができます。
JavaScriptクイックスタートチュートリアル
このチュートリアルでは、最も重要なJavaScriptデータ型について簡単に説明します。
JavaScript変数は次のようになります。
- 数字
- 文字列
- オブジェクト
- 配列
- 機能
JavaScript変数
JavaScript変数は、データ値を格納するためのコンテナーです。
この例では、x、y、およびzは変数です。
例
var x = 5;
var y = 6;
var z = x + y;
上記の例から、次のことが期待できます。
- xは値5を格納します
- yは値6を格納します
- zは値11を格納します
JavaScript番号
JavaScriptには1種類の番号しかありません。数値は、小数の有無にかかわらず書き込むことができます。
例
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
すべての数値は倍精度浮動小数点数として格納されます。
小数点以下の最大数は17ですが、浮動小数点は常に100%正確であるとは限りません。
例
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript文字列
文字列はテキストを格納します。文字列は引用符で囲まれています。一重引用符または二重引用符を使用できます。
例
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
文字列の長さは、組み込みのプロパティの長さにあります。
例
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScriptオブジェクト
JavaScript変数はデータ値のコンテナーであることはすでに学習しました。
このコードは、 carという名前の変数に単純な値(Fiat)を割り当てます。
var car = "Fiat";
オブジェクトも変数です。ただし、オブジェクトには多くの値を含めることができます。
このコードは、 carという名前の変数に多くの値(フィアット、500、白)を 割り当てます。
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript配列
JavaScript配列は、単一の変数に複数の値を格納するために使用されます。
例
var cars = ["Saab", "Volvo", "BMW"];
JavaScript関数
JavaScript関数は、特定のタスクを実行するために設計されたコードのブロックです。
JavaScript関数は、「何か」がそれを呼び出す(呼び出す)ときに実行されます。
例
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScriptは何ができますか?
このセクションには、JavaScriptでできることの例がいくつか含まれています。
- JavaScriptはHTMLコンテンツを変更できます
- JavaScriptはHTML属性値を変更できます
- JavaScriptはHTMLスタイル(CSS)を変更できます
- JavaScriptはHTML要素を隠すことができます
- JavaScriptはHTML要素を表示できます
JavaScriptはHTMLコンテンツを変更できます
多くのJavaScriptHTMLメソッドの1つは、getElementById()です。
この例では、このメソッドを使用してHTML要素(id = "demo"を使用)を「検索」し、要素のコンテンツ(innerHTML)を「 HelloJavaScript」に変更します。
例
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScriptはHTML属性値を変更できます
この例では、JavaScriptは<img>タグのsrc(ソース)属性の値を変更します。
電球
JavaScriptはHTMLスタイル(CSS)を変更できます
HTML要素のスタイルを変更することは、HTML属性を変更することの変形です。
例
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScriptはHTML要素を隠すことができます
HTML要素を非表示にするには、表示スタイルを変更します。
例
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScriptはHTML要素を表示できます
非表示のHTML要素を表示するには、表示スタイルを変更することもできます。
例
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
完全なJavaScriptチュートリアル
これはJavaScriptの簡単な説明です。
完全なJavaScriptチュートリアルについては、W3SchoolsJavaScriptチュートリアルにアクセスしてください。
完全なJavaScriptリファレンスについては、W3SchoolsJavaScriptリファレンスにアクセスしてください。