js里面的for返回值wenti

想在输入框输入一个数字打出乘法表并且打印在dme上面 结果出现打印在了新的页面上 该怎么改正

<h3>乘法表h3>
    <input type="text" id="biao">
    <button onclick="cf()">乘法表button>
    <p id="dme">乘法表p>
    <script>
        function cf(zhi) {
            var zhi = document.getElementById('biao').value
            for (var i = 1; i <= zhi; i++) {
                for (var j = 1; j <= i; j++) {
               document.write("" + i + '*' + j + '=' + i * j + " ")

                } 
                document.write("
") 
                
            }
            return zhi
           
            // document.write('v')
        }
      
 document.getElementById('dme').innerHTML = cf(zhi)
script>

```


<h3>乘法表</h3>
<input type="text" id="biao">
<button onclick="cf()">乘法表</button>
  <p id="dme">乘法表</p>
    <script>
      function cf() {
        var ht = '';
        var zhi = document.getElementById('biao').value
        for (var i = 1; i <= zhi; i++) {
          for (var j = 1; j <= i; j++) {
            ht = ht + "\n" + j + '*' + i + '=' + i * j;
          }
        }
        document.getElementById('dme').innerHTML = ht;
      }
    </script>

我怕代码会乱，我贴了个图

img