js console.logの結果のような表示のしかたについて

前提・実現したいこと

fizubuzz問題にチャレンジしている中で躓いたのでお力を貸してください。
inputに入力された二つの数値をクリックイベントにて倍数にし100まで繰り返す・結果を表示するプログラムを作成しています。
<<希望する表示結果>>

【出力】
fizz：xxx
buzz：xxx
fizz：xxx
buzz：xxx
fizz：xxx
buzz：xxx

発生している問題・エラーメッセージ

【出力】
fizz：xxx
fizz：xxx
fizz：xxx
buzz：xxx
buzz：xxx
buzz：xxx

該当のソースコード

const buttonadd = document.getElementById('button-add');
// 表示先取得
const fizzbox = document.getElementById('fizz-box');
const buzzbox = document.getElementById('buzz-box');
// fizz・buzznum数値取得
const num1 = document.getElementById('fizz-num');
const num2 = document.getElementById('buzz-num');

  // クリック処理
    buttonadd.addEventListener('click',() => {
      const sum1 = num1.value;
      const sum2 = num2.value;
      for (i = 1 ; i <10; i++){
      fizznum = i * sum1;
      buzznum = i * sum2;
     fizzbox.innerHTML += "fizz：" + fizznum + '<br>';
     buzzbox.innerHTML += "buzz：" + buzznum + '<br>';
    };
});