Скрипты JavaScript / HTML Flask не работают - PullRequest
Новая
       1

Скрипты JavaScript / HTML Flask не работают

0 голосов
/ 17 ноября 2018

У меня есть веб-приложение для колб, которое я создаю (также использующее Angular CLI), и у меня есть кнопка.Я пытаюсь использовать JavaScript для выполнения действий при нажатии кнопки, но по какой-то причине я не могу заставить JavaScript работать.

Однако, когда я копирую java Script в совершенно другой простой проект колбы (который я скачал из Интернета), он работает нормально?

Кто-нибудь знает, нужно ли мне что-то делать в моей колбе?проект, чтобы заставить работать javascript?

Я где-то читал, что это связано с тем, как я запускаю приложение фляги?(0.0.0.0 против localhost), но я не уверен

Вот код, который я пытаюсь использовать: 

<!DOCTYPE html>
<html>
<body>

<h1>The onclick Event</h1>

<p>The onclick event is used to trigger a function when an element is clicked on.</p>

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>

Ответы [ 3 ]

0 голосов
/ 18 ноября 2018

Попробуйте, если ни один из console.log не появился, то проблема в том, как он скомпилирован 

document.addEventListener('DOMContentLoaded',()=>{
console.log('loaded)
let btn = document.querySelector('button')
btn.addEventListener('click', myFunction)
function myFunction(e) {
console.log(e);

  document.getElementById("demo").innerHTML = "Hello World";
}

})
0 голосов
/ 18 ноября 2018

Попробуйте из «статической» папки в корневом каталоге. Буквально назовите его статическим, а затем поместите файл js внутрь. Тогда в HTML попробуйте это

0 голосов
/ 17 ноября 2018

Вместо функции вы передали результат функции в качестве аргумента.Используйте 

onclick="myFunction"

Но если вы хотите сделать это профессионально, вы должны сделать следующее: 

<!DOCTYPE html>
<html>
<body>

<h1>The onclick Event</h1>

<p>The onclick event is used to trigger a function when an element is clicked on.</p>

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>

<button>Click me</button>

<p id="demo"></p>

<script>
document.querySelector('button').addEventListener('click', myFunction)
function myFunction() {

  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>

И использование innerHTML для вставки данных тоже не лучший вариант.В javascript вы можете создавать DOM-элемент программно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...