是的，.split()和.map()是您的朋友：

const [tags, tagshow]=["tags","tagshow"].map(id=>document.getElementById(id));
tags.addEventListener("input",_=>
tagshow.textContent=tags.value.trim().split(/ +/).map(w=>"#"+w).join(" "))

<div class="create__section">
   <label class="create__label BMehrBold" for="tags">Tags (separate each one by [space])</label>
   <input type="text" class="form-control BKoodakBold" id="tags" placeholder="Enter the keywords here">
   <span id="tagshow"></span>
</div>

您可以使用split()执行此操作：

const input = "javascript html css";

const tags = input.split(' ');
console.log(tags)

您可以使用String.prototype.replace()和模式$1来嵌入添加前缀#的匹配项。正则表达式/([^ ]+)/g或/(\S+)/g将匹配除空格以外的任何内容（您的标记词）

const el = (sel, par) => (par || document).querySelector(sel);

el("#tags").addEventListener("input", () => {
  el("#tagshow").textContent = tags.value.replace(/([^ ]+)/g, "#$1");
});

<label>
  Tags (separate each one by [space])
  <input type="text" id="tags" placeholder="Enter the keywords here">
</label>
<div id="tagshow"></div>

上述解决方案的优点在于，您还可以非常容易地将标记 Package 到SPAN元素中，如标记 * pills *：
一个一个二个一个一个一个三个一个一个一个一个一个四个一个

你可以试试这个：

function splitString() {
  const inputTags = document.getElementById("tags").value;
  const tags = inputTags.toString().split(' ');
  console.log(tags);
}

<div class="create__section">
   <label class="create__label BMehrBold" for="tags">Tags (separate each one by [space])</label>
   <input type="text" class="form-control BKoodakBold" id="tags" placeholder="Enter the keywords here">
   <span id="tagshow" style="background-color:blue; color: white; cursor:pointer;" onclick="splitString()">button</span>
 </div>