Javascript: как вызвать функцию со страницы HTML, которая находится в файле сценария

Question

У меня есть два файла, один с именем index.html, а другой с именем index.js Я использую Node.js с Electron , чтобы создать бот-диск.Мой интерфейс в 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 был Javascript, поэтому у меня есть функция

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() не определено

Answer 1

Если вы включили настоящий HTML, в нем есть опечатка:

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

Это должно быть src, а не scr:

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