JAVA - Array & Loop

今回は初めてBellogを提出してみました.
ここで作ったものはすべてバニラページに載せられます.
仕事は2回やっても、簡単な方法を探さなければなりません.
とりあえず、本題に入り、今日はjavascriptの配列文を利用しました.

loop

重複文は、スクリプトタグによって多くの操作を簡略化します.
デフォルトでは、次のコードを実行します.

<script>
        document.write('<li>1</li>');
        var i = 0;
        while(i < 3){
          document.write('<li>2</li>');
          document.write('<li>3</li>');
          i = i + 1;
        }
        document.write('<li>4</li>');
</script>

結果値はリスト形式で1,2,3,2,3,4,4となる.
iの値が0から2の間にあるため、リストラベル2,3は3回繰り返される.
それを生かす方法は尽きない.

アレイによる循環

ここではarrayアプリケーションloopを使用します
なぜこの方法を使うのか考えてみましょう.
まず.

<ul>
    <li>yoig</li>
    <li>egont</li>
    <li>duru</li>
    <li>minho</li>
    ~~
</ul>

liコードを使用して作成するリストは数え切れないほどあります.
毎回新しいプロジェクトを追加する必要がある場合は?
手作業で処理する必要はなく、コードで処理できます.
この式は以下の通りです.

<script>
	var friend = ['young','seok','bin','jun']
  	var i = 0;
    while(i < friend.length){
		document.write('<li>+freind[i]+</li>')
        i = i + 1;
}
</script> 

このように手配すればfriendというarrayに何でも追加できますが、
新しいリストを作成できます.
友達だからlengthのようにリストが自動的に追加されるからです.

適用例

もし本当にネット上で運行していたら、どうなりますか?
先に作成したページで、aラベルが条件文の実行時に一緒に動作する方法.

この状態で、私たちはまずaラベルを引く練習をします.
inspect、「ドキュメント内のすべてのaラベルを読み込みます」

<script>
var alist = document.querySelectorAll('a');
var i = 0;
while (i < alist.length){
console.log(alist[i]);
i = i + 1;
}
</script>

このように適用すると、次のようにページ上のすべてのaラベルがロードされます.
リファレンスコンソールとしてlogはeastに対応する結果値を表示する役割を果たす.
高台.logを適用すると、次のような結果が得られます.

このラベルのeast[1]styleは、ここで適用できます.color=""の値を追加すると、
「特定の条件ですべてのaラベルに適用」というコードが表示されます.

<script>
var alist = document.querySelectorAll('a');
var i = 0;
while (i < alist.length){
alist[i].style.color='green'
i = i + 1;
}
</script>

このコードを使用して条件文でnightをクリックすると
本体ラベルの文字に加えて、aラベルも変わることを確認できます.
現在javaで作成されている暗いモードは以下の通りです.

  <input type="button" value="night" onclick="
    var target = document.querySelector('body');
    if(this.value === 'night'){
      target.style.backgroundColor='black';
      target.style.color='white';
      this.value = 'day'

      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length ){
        alist[i].style.color = 'skyblue';
        i  = i + 1;
      }
    } else {
      target.style.backgroundColor='white';
      target.style.color='black';
      this.value = 'night'

      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length ){![](https://media.vlpt.us/images/willy4202/post/5713de29-a335-4daa-a1c4-87eb839cebc0/image.png)
        i  = i + 1;
      }
    }
    ">