Pushを使って配列に数字を入れていくコード - ネットワークエンジニアで高きを目指せ（横浜編）

今週のお題「2020年上半期」

確かに、今気づけばことも残すこと半分以下となりました。

既にマレーシア上陸してから1年2か月ほど経ちましたが、思ってたより貯金できてよかったです。特に、Twitterを通じて副業が意外に楽にできることがわかってよかった。

去年は4月から10月くらいまでの半年間、割合ネットワークの勉強を頑張って、今はすでに忘却の彼方へ行ってしまいました。特定の知識は覚えていますが、もうかなり忘れた。

11月ぐらいからcyberjaya.xyz（Hostinger）を通じてプログラミングの勉強（主にJavaScript)をやりましたが、それもここ最近は捗っておらず、スランプ状態に入っています。

最近はどっちかと言えば、今まで構築したミニコードの復習ですかね。。。

特にDOMについてかなり忘れてしまったので復習を開始した。

https://cyberjaya.xyz/3/Javascript.omikuji/jsomikuji1/jsomikuji.html

三つのボタンにそれぞれbtn,btn1,btn2というIDを付けている。

const btn2 = document.getElementById('btn2');

btn2のIDを取得する
btn2.addEventListener('click',()=>{

btn2のボタンをクリックすると以下のイベント発生

const n2 = Math.floor(Math.random()*3)+6;

n2に6‐8までの数字をランダム生成

kekka.textContent = n2;

数字の結果をkekka.textContentに表示するよ

kekkaというIDは別途Divを作ってそこに表示させるようにしてある。

今後、ちょっと小さなコードを読んでみて、その勉強をしよかと思う。

実はドットインストールもPaizaも、Progateも解約しました。

最近少し忙しくてやれていなかったので。。。。

Pushを使って配列に数字を入れていくコード

Javascriptの勉強中にPushを使って配列に入れていくことを学んだ。

言わずもがな、Pushは配列の末尾に要素をぶち込んでいくことができます。

Pushのイメージ。Progateとかで当然学びましたが、あんまり訓練できてない。

でも実際はデータベースとかに入れる際によく使うと思うんだよね。

そこで、小さなコードを書きながら学んでこうと思う。

まず空っぽの配列を作る。

var array = ;

これでよし。ここにPushで1ずつ数字を入れて10まで表示させる。

おじさんはコンソールログが好きじゃないので、textContentを使って表示させます。

前提として、HTMLを使用してdivを二つ作って、それぞれbtnとkekkaいうIDを振っています。下記サイトからbtnを押してもらえれば結果発表されます。

https://cyberjaya.xyz/3/javascript.push/javascript.push.html

"use strict";

const btn = document.getElementById('btn');
btnというIDを取得
const kekka = document.getElementById('kekka');
kekkaというIDを取得

btn.addEventListener('click',()=> {
btnボタンをクリックをと以下のイベント発生
    var array = ;
配列生成
    for(var i = 0; i < 10; i++){
以下10回動作を繰り返す
    array.push(i+1);
配列に1を10回入れていく
(1足しているのは配列はゼロから始まるため、10回やると9までになってしまう。
1を足して10までにしている。）
    }
     kekka.textContent = array;
結果をkekkaに載せる
    });