Запустить действие javascript на клик?

Я хочу вызвать код JavaScript при нажатии кнопки. Я хочу, чтобы при нажатии кнопки запускается console.log(). Моя попытка:Запустить действие javascript на клик?

corel.html:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Corelation</title> 
    <script src="jquery-1.11.3.min.js"></script>   
    <script type="text/javascript" src="corel.js"></script> 
</head> 
<body> 

<form id="tableVar"> 
    Variable 1: <input type="text" id="var1"><br> 
    Variable 2: <input type="text" id="var2"><br> 
    <button onclick="myFunction()">Click me</button> <!-- type is button to not refresh --> 
</form> 

</body> 
</html>

corel.js:

console.log("iniating app ..."); 
function myFunction() { 
    console.log('yeah'); 
}

Я не понимаю, что не работает?

источник

2015-06-14 Antoine

все в порядке, есть ошибка на вашей консоли? –

Есть ли ошибки в консоли? –

убедитесь, что ссылка на ваш файл javascript верна. – Dummy

Кнопка делает отправку формы, следовательно, вам нужно использовать preventDefault()

See this demo

Используйте этот код,

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <title>Corelation</title> 
    <script src="jquery-1.11.3.min.js"></script>   
    <script type="text/javascript" src="corel.js"></script> 
</head> 
<body> 

<form id="tableVar"> 
    Variable 1: <input type="text" id="var1"><br> 
    Variable 2: <input type="text" id="var2"><br> 
    <button onclick="myFunction(event)">Click me</button> <!-- type is button to not refresh --> 
</form> 

</body> 
</html>

Corel.js

console.log("iniating app ..."); 
function myFunction(event) { 
    console.log('yeah'); 
    event.preventDefault(); 
}

источник

2015-06-14 00:56:30

Обратите внимание, что OP имел свой JS-код в отдельном файле ('corel.js'). Было бы неплохо продемонстрировать, как он может реализовать это решение в выложенном JS-файле. –

@jsve спасибо, что указали это, обновили его –

Try также:

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

function myFunction() { 
    console.log('yeah'); 
    return false 
}

источник

2015-06-14 01:00:22

Нажатие на кнопку обновляет страницу. Если вы откроете консоль и выберите сохранение журнала, вы увидите, что она работает.

Если вы не хотите, чтобы обновить, то вам нужно добавить возвращение в вашу функцию, как это:

function myFunction() { 
    console.log('yeah'); 
    return false; 
}

И на вашем HTML код кнопки должен выглядеть следующим образом:

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

Ссылка: prevent refresh of page when button inside form clicked

источник

2015-06-14 01:13:06 Striker

Запустить действие javascript на клик?

ответ

Смежные вопросы