document.addEventListener('DOMContentLoaded', (event) => {
  const input = document.getElementById('input');
  const output = document.getElementById('output');
  input.addEventListener('input', (event) => {
    // 考虑添加防抖 
    
    output.innerHTML = handleinput(input.value);    
  });
});

function handleinput(ori){
  // 去空
  let oris = ori.split('\n');
  let filter = []
  for (let i of oris){
    if (i){
      filter = [...filter, i]
    }
  };
  // 多级标题
  let title = []
  for (let i of filter) {
    if (i[0] == '#' && /#+\s/.test(i)){
      let n = i.match(/#+\s/)[0].length;
      console.log(i.match(/#+\s/)[0])
      i = `<h${n-1}>${i.slice(n)}</h${n-1}>` 
      // console.log(i)
    }
    title = [...title, i]
  };
  // console.log(title)

  let rows = []
  for (let i of title){
    if (i){
      rows = [...rows, `<p>${i}</p>`]
    }
  };
  // 分行

  md = rows.join('\n')
  return md
};