開発ログ3日目|Webベース-JavaScript(3)
6133 ワード
1.勉強の内容
review
<script>
let topics=['html', 'css', 'js']
for(let i=0;i<topics.length;i++){
console.log(topics[i]);
}
</script>
学習内容
Webページにすべてのラベルを印刷するときにquerySelector Allを使用 let as = document.querySelectorAll('a');
for(let i=0;i<as.length;i++){
as[i].style.color='white';
}
上にリストされているボタンのうち、100以上のボタンを押した場合.let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
inputs[i].click();
}
}
forを使用してiを指定し、ifに100秒の条件を追加します.(条件文+繰り返し文)
100文字以上200文字未満の場合、
2つの条件文を使用するか、1つの条件文で&&表現を使用することができます.前条件は真で,後条件は真である.
i値を一度宣言した後、下部で再度宣言するとエラーが発生する可能性があります.let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
if(inputs[i].value<200){inputs[i].click();}
}
}
또는
if(inputs[i].value>100 && inputs[1]<200){inputs[i].click();}
let j;
for(j=o; j<10; j++){}
console.log(j);
10
j増加1は10に等しいfor(let j=0;j<10;j++){}
console.log(j);
undefined
jはforでのみ有効であり、ゲートでは定義されていない
関数は、相互に関連付けられたコードをグループ化して名前を付けます.
<script>
let topics=['html', 'css', 'js']
for(let i=0;i<topics.length;i++){
console.log(topics[i]);
}
</script>
let as = document.querySelectorAll('a');
for(let i=0;i<as.length;i++){
as[i].style.color='white';
}
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
inputs[i].click();
}
}
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
if(inputs[i].value<200){inputs[i].click();}
}
}
또는
if(inputs[i].value>100 && inputs[1]<200){inputs[i].click();}
let j;
for(j=o; j<10; j++){}
console.log(j);
for(let j=0;j<10;j++){}
console.log(j);
コードが簡潔です.
読みやすさがよくなる.
メンテナンスが便利です.
<body>
<script>
function 이름()[{}
</script>
이름();
</body>
モードでは、1行のコードも関数化する価値があります.関数クリーンアップコード
console.log()
.
.
.
->呼び出しコード
パラメータ(入力値)Argument
パラメータパラメータパラメータ-入力値を受け取る変数
関数名(A,B){
let C=A+B;
console.log C
}
名称(a,b);
1つ1つのパラメータは、複数の入力値を受け入れることができる.
関数は小さなプログラムです.上記のコード1)を用いて,2)consoleを計算する.ログを出力します.良い部品とは、一つの機能で一つの用途を表すことです.したがって,returnを2つの機能の関数に入れる.
function A(){
return(1);
}
1console.log(付加税計算);
コンソールから返される値.ロゴは画面に印刷できます.(関数の立場を書く)戻ると、関数の値が決定されます.これが関数の終了条件です.したがって、returnの後にはいくつか実行されません.
※参考
オブジェクト向け
オブジェクト向けは、相互に関連付けられた変数と関数を組み合わせて名前を付けます.
{A,B,C}に名前を付けると、
{developer:A, desiger:B, doctor:C}
console.log(member.developer, member.designer, member.doctor);
let person=[A, B, C];
これは0、1、2回の羅列(インデックスで識別された配列)にすぎず、A、B、Cが何なのか分かりません.オブジェクト向け(名前で識別された配列)の使用
let={name:A, city:B, job:C};
console.log(person.name,..,..);
2.難しいところ
function、関数というものは以前アクセルを習っていたときに入ってきてよく知っていました.やはり知行が違う.よく感じますが、概念を身につけるのは容易ではありません.どのように応用するか自信がありません.手が遅すぎて、実習と並行した授業についていけないような気がします.また,オブジェクト向けの概念は疎いためか,概念が理解しにくいためか,よく理解されていない.
3.解決方法
講師が手早く使えるサイトをお勧めしました.少しずつ練習してみます.また、対象者向けの講座を探して聞きたいです.すでに関数の概念を掌握した以上、ネット上でいくつかの役に立つ方法を探して、それから自分で実践します.
4.勉強の心得
今日も急いでついてきた.途中実習をあきらめ、講座を見ながら勉強に励みました.もしあなたが本当に私のパソコンに手を置いたら、私は何も覚えていませんが、私は熟練した程度に繰り返します.決意を新たにした第1週講座はここまでです.
Reference
この問題について(開発ログ3日目|Webベース-JavaScript(3)), 我々は、より多くの情報をここで見つけました
https://velog.io/@gyujinj/개발일지-3일차-웹기초-JavaScript3
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
講師が手早く使えるサイトをお勧めしました.少しずつ練習してみます.また、対象者向けの講座を探して聞きたいです.すでに関数の概念を掌握した以上、ネット上でいくつかの役に立つ方法を探して、それから自分で実践します.
4.勉強の心得
今日も急いでついてきた.途中実習をあきらめ、講座を見ながら勉強に励みました.もしあなたが本当に私のパソコンに手を置いたら、私は何も覚えていませんが、私は熟練した程度に繰り返します.決意を新たにした第1週講座はここまでです.
Reference
この問題について(開発ログ3日目|Webベース-JavaScript(3)), 我々は、より多くの情報をここで見つけました
https://velog.io/@gyujinj/개발일지-3일차-웹기초-JavaScript3
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(開発ログ3日目|Webベース-JavaScript(3)), 我々は、より多くの情報をここで見つけました https://velog.io/@gyujinj/개발일지-3일차-웹기초-JavaScript3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol