자바스크립트 공부한 내용 기록 04 - 입문

실습 01

var 질문 = prompt('이름, 나이, 키중에서 궁금한 걸 적으시오');

var wc = {
  이름: '웹클래스',
  나이: 99,
  키: 180,
  취미: {
    운동: 'none',
    미디어: '영화',
  }
};
console.log(wc.취미.미디어);
console.log(wc['이름'] + '님의' + 질문 + '은(는)' + wc[질문] + '입니다.');

실습 02

<ul>
  <li>[1] 사과</li>
  <li>[2] 바나나</li>
  <li>[3] 수박</li>
  <li>[4] 아이스크림</li>
  <li>[5] 복숭아</li>
  <li>[6] 복숭아</li>
  <li>[7] 복숭아</li>
  <li>[8] 복숭아</li>
  <li>[9] 토마토</li>
  <li>[10] 방울토마토</li>
</ul>

var liElems = document.querySelectorAll('li');
var num = prompt('몇 번째 줄 칠까요?');

liElems[num - 1].style.border = '2px solid red';
console.log(num);
console.log('당신은' + num + '번째 제품을 선택했고' + liElems.length + '개의 제품은 있습니다.');

console.log(liElems);
console.log(liElems[liElems.length - 1].style.border = '5px solid blue');