只有当输入不为空时，才需要在JS中更改span的文本内容(目前，它一直在更新)

在JS中更改span的文本内容可以通过以下步骤实现：

1. 首先，需要获取到span元素的引用。可以使用document.getElementById()方法或者document.querySelector()方法来获取到对应的span元素。例如，如果span元素的id为"mySpan"，可以使用以下代码获取到该元素的引用：

var spanElement = document.getElementById("mySpan");

1. 接下来，需要判断输入是否为空。可以使用条件语句（if语句）来判断输入是否为空。如果输入不为空，则需要更改span的文本内容；否则，不需要进行任何操作。以下是一个示例代码：

var input = document.getElementById("myInput").value; // 假设输入框的id为"myInput"
if (input !== "") {
  spanElement.textContent = "新的文本内容";
}

1. 最后，如果需要实现实时更新span的文本内容，可以将上述代码放在一个事件监听器中，监听输入框的输入事件（如input事件）。这样，每当输入框的内容发生变化时，都会触发该事件监听器，从而更新span的文本内容。以下是一个示例代码：

var inputElement = document.getElementById("myInput");
inputElement.addEventListener("input", function() {
  var input = inputElement.value;
  if (input !== "") {
    spanElement.textContent = "新的文本内容";
  }
});

需要注意的是，上述代码中的"mySpan"和"myInput"是示例id，实际使用时需要根据实际情况进行替换。另外，对于更复杂的应用场景，可能需要使用其他的技术和工具来实现更高级的功能，如使用框架（如React、Vue等）进行组件化开发、使用AJAX进行异步请求等。

关于腾讯云相关产品和产品介绍链接地址，可以根据具体需求选择适合的产品。腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储、人工智能等。可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多相关信息。