day17

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

</head>
<div class="cont" height="200px"></div>
<label class="like">
<button id="btn" class="material-icons heart">favorite</button>
</label>
</div>
 {
let num=0;
const list=['box1','box2','box3',];
function adding(){
const elm_add=document.createElement('div');
elm_add.textContent='favorite';
const random=Math.floor(Math.random()*list.length);

elm_add.classList.add('material-icons');
elm_add.classList.add('heart');
elm_add.classList.add(list[random]);
const objBody=document.getElementsByTagName('body').item(0);
objBody.appendChild(elm_add);
elm_add.addEventListener('click',warnings,false);
num++;
}
const elm=document.getElementById('btn');
elm.addEventListener('click',adding,false);
function warnings(){
adding();
}
この書き方知らなかった。基本？
div.addEventListener('click',()=>{ })
だけだと思っていた。

やっぱり記憶しないとダメだな、試そうとしてもサクサク書けないから時間掛かっちゃってなあ。なんとかしよう。

あと、note一旦UPしよう。
内容も文章も後から修正できるし。