HTML CSS JavaScript#2
3761 ワード
2022-03-04 TIL
💬#2.0 Your First JS Project
JavaScriptは既にブラウザに存在します.
JavaScriptとcssファイルを開くにはhtmlファイルで開く必要があります.
ブラウザはHTMLを開き、HTMLはCSSとJSをインポートします.HTMLは接着剤です.
💫#2.1 Basic Data Types
JSにはデータ型がある.
数値:integer/float
文字(String):(入力->「HELLO」)
🔰#2.2 Variables
console.log(값);
•この値をコンソールに出力します.•JavaScriptを上から下へ読む.
•長変数宣言時→Camelcase
1億個のコードがあると思う場合は、変数を使用します.
交換するのはもっと怠け者かもしれません.
🔘#2.3 const and let
const variableName = 5;
let variableName = 4;
var variableName = 3;
•contは値を更新できません.•constまたはletは、変数の最初の作成時にのみ使用されます.
よくconstを使い、たまにletを使い、varを使わない.
💥#2.4 Booleans
true ? false ?
何もありません.(値がありません.)!=false
空っぽではなく、何もないもので埋まっています!
•未定義:未定義.
❤#2.5 Arrays
データをできるだけうまく保存するにはどうすればいいですか?
Array(配列):データリスト

console.log(daysOfWeek[0])
-> "mon"

pushで追加できます.
#2.6 Objects

これらのデータをよりよく整理するには?
変数の形式が不適切に見えます.

arrayの形も合わないように見えます.propertyは表示されません.
objectを作ろう!
const player = {
name:"nico",
points: 10,
}
console.log(player.name);可能性があります.consoleはobjectlogの特性です.

これでも見つけられます.更新も可能です.

constは変更できませんが.ここでやっているのはobjectを変えることなので、可能です.contエラーは、値全体を更新しようとしたときに発生します.

追加も可能です.
💙#2.7 Functions part One
function:再書き込み可能なコードセグメント

🤍#2.8 Functions part Two

💲#2.11 Returns

この状態では未定義が発生します.
何かしていましたが、値段がありませんでした.
この時は見返りを覚えなければならない.

私たちは時々ゲーム機をします.logまたはalertではありません
コードの値をコードで表したい場合があります.
その時、あなたはそれの代わりにリターンを使うことができます.
💤#2.13 Conditionals
キーワードはIF!

promtでは、ユーザーがウィンドウをポップアップできます.

そうですか.しかしpromt関数は質問時に
JavaScriptを停止するため、以前はあまり使われていなかった関数です.
•typeofというキーワードでタイプがわかる.

プロンプトの値は文字ですが、数字に変えたい場合は?
•parseInt()関数を使用すればよい.
•Nan=Not a Number(数値以外)
💦#2.14 Conditionals part Two
•isNaN()関数:a numberかどうか分かりません.false面数字はtrue面数字ではありません

15->false(数値)
if(条件=ブール値){
条件が本当の時.
else{条件が本当でない場合
}
}

そうすることができます.
➰#2.15 Conditionals part Three
if(条件=ブール値){
条件が真の場合
Else if(その他の条件){その他の条件が真の場合;
}
他の時間;
}
&& :and
|| :or

Reference
この問題について(HTML CSS JavaScript#2), 我々は、より多くの情報をここで見つけました https://velog.io/@dmsgk2323/TILHTML-CSS-자바스크립트-2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol