[Javascript] #1 onClick
2230 ワード
#220418 ! 今日復習しないと未来がない
DOM (Document Object Model)
イベントキャプチャとバブル化
modal code
.profileModal{
display: none; //display: grid로 주면
/*place-items: ccenter;*/ //가로세로 다 중앙에 두겠다
position: fixed;
top: 0;
left: 0;
width: 100vw; //화면이 꽉차야하니까
height: 100vh;
z - index: 999; //값이 높을 수록 앞으로 나온다 (맨 앞으로 이런거)
background-color: rgba(0,0,0, 0.7); //alpha는 투명도
.profileModal img {
width : 100%;
cursor: pointer; // 커서를 손 보자기 낸 모양으로
}
DOM (Document Object Model)
scriptでドキュメントを簡単にオブジェクト化
ドキュメントノード:ドキュメント全体を表すノード
要素ノード:すべてのHTML要素が要素ノード(属性ノードのみ)です.
属性ノード:すべてのHTML要素の属性//スタイル
テキストコメント:すべてのHTMLテキストはテキストノード
アノテーションノードアノテーションノード
DOM要素の作成
今日の宿題:
1.作成方法
2.InnerHTML方式
ドキュメント関数
var vs let
なぜletを使用するのか:
再割り当てさいわりあて:値をそのままにします.
const vs let
const再割り当て不可
整列
const a [1, 2, 3];
const b [1, 2, 3];
console.log(a==b);
-> false
=, == , ===
let a = 10;
let b = 10;
console.log(a==b);//値段が同じならいい
vs
console.log(a===b);//データ型に計算
せいけいかん
let a = 10;
let b = 15;
console.log(a+b);
-> 25
let a = "10";
let b = "15";
console.log(a+b);
->1015(毎日の平日と読むべきではありません)
let a = "10";
let b = 15;
console.log(a+b);
->1015(毎日エラー:JavaScript 15を文字列に置換)
let a = "10";
let b = "15";
let newA = Number(a);//兄は変わります
let newB = Number(b);
console.log(a+b);
-> 25
Q.文字列と数字を加算した場合、数字が文字列に変換される理由は?
A.すべての文字列を数字に変換できるわけではありませんが、すべての数字を文字列に変換できます.
(!!) +以外のすべての演算子は文字列を数値に変換します.
let a = "abcd";
let b = 15;
console.log(a+b);
-> abcd15
console.log("0"==0);//true
console.log([] == 0);//true
console.log([]=="0");//false
console.log([]=="0");
//[] => ''
//""== "0"
//false!
let a = "a b c d e f g";
console.log(a);
let test = a.split(' ');
//並べ替えに入る
console.log(test);
input 1,3,5,7,9;
input 4
//気が狂った、一時保存......
Reference
この問題について([Javascript] #1 onClick), 我々は、より多くの情報をここで見つけました
https://velog.io/@lovemeloveme/Javascript-1-onClick
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
const a [1, 2, 3];
const b [1, 2, 3];
console.log(a==b);
-> false
Reference
この問題について([Javascript] #1 onClick), 我々は、より多くの情報をここで見つけました https://velog.io/@lovemeloveme/Javascript-1-onClickテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol