Как воспроизвести скрипт из внешнего файла js в html?

Question

[TipoImya]

Допустим, у меня есть файл script.js и index.html.

В script.js находится к примеру:

function text(file) {

const fs = require('fs);

fs.readFile(`/users/${file}.txt`, (err, data) => {
  if (err) return console.log(err)
  alert(data)
});

}

index.html:

<script src="./script.js"></script>
<button type="submit" onclick="text()"></button> // такой вариант не работает

Мне нужно, чтобы именно этот код по нажатию на кнопку на сайте - воспроизводился. Переискал весь гугл, использовал абсолютно все варианты, и ничего не получилось, возможно я что-то делаю не так, либо это не возможно.

Answer 1

[Stalker_RED]

document.addEventListener('keypress', function(evt){
  if (evt.code === 'F7') { // нажата кнопка F7
     runSomething(); 
  }
  if (evt.code === 'KeyG') { // нажата кнопка G
     runSomethingElse(); 
  }
});

Коды кнопок можно посмотреть на сайтах типа https://keycode.info/

Answer 2

[Алексей Ярков]

fs в браузере? Серьёзно?

Comments

[TipoImya]

я так понимаю, что так делать нельзя? серьезно, только не бейте камнями, я не особо разбираюсь в этом. Как мне тогда реализовать такой код?

[Stalker_RED]

TipoImya, ага, слона-то я и не приметил. Браузерам запрещено читать локальный файлы, иначе любой сайт мог бы прочитать кучу личной информации.

Только если вы выберете файл вручную через input type="file" или затащите drag-n-drop'ом, тогда браузер сможет прочитать.