Day 11 Event KeyCodes

 

 

 

 

HTML

 

CSS

.key small {

position: absolute;

top: -24px;

left: 0;

text-align: center;

width: 100%;

color: #555;

font-size: 14px;

}

 

small

The <small> HTML element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small.

 

뭐야! 이런 거도 있었나...

 

 

 

 

 

JS

insert.innerHTML = `

<div class="key">${event.key === " " ? "Space" : event.key}<small>event.key</small></div>

<div class="key">${event.keyCode}<small>event.keyCode</small></div>

<div class="key">${event.code}<small>event.code</small></div>

`;

 

ineerHTML 사용시 내부에 `` 를 사용해서 전체 문장을 마음 껏 넣을 수 있다.