javascript - 如何将 Javascript 的返回值打印到 html 中

标签 javascript html google-chrome-extension

我是 JavaScript 新手。一旦单击按钮,我的 Chrome 扩展当前不会将文本打印到小窗口中。

第一位是popup.js,第二位是popup.html。 我的目标是,一旦您单击按钮,显示填充符的区域就会被我在 popup.js 中设置的文本替换。我不太了解 javascript,这是我从周围编译的很多代码。谢谢大家!

document.addEventListener('DOMContentLoaded', function() {
  document.getElementById("click-this").addEventListener("click", handler;
});

// The handler also must go in a .js file
var date = new Date();
var dayOfWeek = date.getDay();
function handler() {
  if (dayOfWeek == 0){
      return  "sunday";
  }
  else   if (dayOfWeek == 1){
        return  "monday";
    }
  else if (dayOfWeek == 2){
        return  "tuesday";
    }
  else if (dayOfWeek == 3){
        return  "wednesday";
    }
  else if (dayOfWeek == 4){
        return  "thursday";
    }
    else if (dayOfWeek == 5){
          return  "friday";
      }
      else if (dayOfWeek == 6){
            return  "saturday";
        }
       
}
<head>
  <script src="popup.js"></script>
</head>
<div class="row">
    <div class="column large-6 medium-6 small-12">
        <h1> Lunch Menu </h1>
        <p> filler filler filler</p>
        <button type="button" id="click-this">Click</button>
    </div>
</div>

<style scoped>
  div {
    height: 100px;
    width: 500px;
  }
</style>

最佳答案

您似乎忘记在分号之前添加右大括号

document.getElementById("click-this").addEventListener("click", handler);

希望有帮助。

关于javascript - 如何将 Javascript 的返回值打印到 html 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54381312/

相关文章:

javascript - 从本地存储检索数据

javascript - jQuery:根据下拉选择显示div

javascript - Chrome History API 问题

javascript - 禁用过去的时间

javascript - 如何在 html 中一秒钟后将密码字段显示为星号

javascript - localStorage.getItem 在 IE 9 中返回旧数据

javascript - 从 JSON 文件创建 'each hashtags' 的 href 链接

javascript - 在 Javascript Ajax 中使用 PHP 常量

javascript - 是否可以在使用 chrome.tabCapture API 录制的 chrome 中切换录制选项卡

javascript - 打开新选项卡并在新选项卡上执行操作