[Javascript] #1 onClick

2230 ワード

#220418   ! 今日復習しないと未来がない

イベントキャプチャとバブル化


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
//気が狂った、一時保存......