강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

ksu8904 のプロフィール画像
ksu8904

投稿した質問数

簡単かつ自然に学ぶJavascript入門 - コードスクワッドマスターズコースレベル1

追加ミッション及び締め括り

submit때마다 print된 구구단을 지우고 싶어요..

作成

·

347

0

구현은 했는데... 새로운 값을 입력 할 때 기존 print된 값들을 없에주는 기능의 힌트를 얻을 수 있을까요..? 남는거 너무 싫어서 다음 수업을 못넘어 가겠어요 ㅠㅠ

javascript

回答 1

1

ksu8904님의 프로필 이미지
ksu8904
質問者

const inputForm = document.querySelector(".input__form");
const inputValue = document.querySelector(".input__value");
const inputShow = document.querySelector(".input__clone");

function getGugudan(event) {
  event.preventDefault();
  const results = [];
  const inputNumber = inputValue.value;
  const data = inputNumber.split(",");
  var n = data[0];
  var maxNumber = data[1];

  inputValue.value = "";
  for (var i = 1; i <= maxNumber; i++) {
    results[i] = n * i;
  }
  printGugudan(n, maxNumber, results);
}

function printGugudan(n, maxNumber, results) {
  for (var i = 1; i <= maxNumber; i++) {
    let span = document.createElement("span");
    const br = document.createElement("br");
    span = `${n} X ${i} = ${results[i]}`;
    inputShow.append(span);
    inputShow.append(br);
  }
}

inputForm.addEventListener("submit", getGugudan);
ksu8904 のプロフィール画像
ksu8904

投稿した質問数

質問する