Javascript:如何从脚本文件中的HTML页面调用函数

时间:2018-06-24 12:34:16

标签: javascript html electron discord.js

我有两个文件,一个名为index.html,另一个名为index.js 我将Node.jsElectron结合使用来制作一个不和谐的机器人。由于电子原因,我的界面是html格式,因此我有一些文本框可以更新我的机器人的状态。我使用Discord.js

这是引起某些问题的代码index.html

<div id="ActivityChanger">
        <select id="ActivityTypeList">
          <option value="none">None</option>
          <option value="PLAYING">Playing</option>
          <option value="WATCHING">Watching</option>
          <option value="LISTENING">Listening To</option>
          <option value="STREAMING">Streaming</option>
        </select>
        <input type="text" name="TEST" size="40" id="ActivityGame" />
        <button name="Update" type="submit" value="update-true" id="UpdateButton" onclick="UpdateActivity()">
        Update
        </button>
        <script scr="index.js"></script>
      </div>

当按下Update按钮时,此代码通常会发送文本框和下拉列表的信息,但是我不想在.html文件中包含Java脚本,因此可以使用功能

function UpdateActivity(){
    var selectedValue = document.getElementById("ActivityTypeList").value;
    var selectedGame = document.getElementById("ActivityGame").value;
    if((selectedValue !== 'none') && (selectedGame !== null)){
      UserBot.user.setActivity(selectedGame, {type: selectedValue,})
      console.log('Updated Status' + ` to ${selectedValue} ${selectedGame} `)
    }
}

UserBot是我的客户

但是当我按下burron时,在控制台中,它说UpdateActivity()未定义

1 个答案:

答案 0 :(得分:2)

如果这是您包含的真实HTML,则其中包含错字:

<script scr="index.js"></script>

应为src,而不是scr

<script src="index.js"></script>