Форум

Chambers · #1 (**permalink**) 21.01.2018, 15:45

Я решил сделать код в котором нужно нажать на кнопку и повитса alert из javascript, но он не работает. Помогоите пожалуйста.

Вот код

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<script src="js.js" type="text/javascript"></script>
<script src="js.js"></script>

<input type="button" id="first" value="Test" >

<script src="js.js" type="text/javascript"></script>
<script src="js.js"></script>
</body>
</html>

JAVASCRIPT

function test(){
alert("Hello");
}

Заранее спасибо!

diablopc · #2 (**permalink**) 21.01.2018, 19:45

..............

<input type="button" id="first" value="Test" onClick="alert('Hello!!')">
...............

Ну или, типО, культурно:

............
<input type="button" id="first" value="Test" onClick="test()">
.............

function test(){
alert("Hello");
}

Dilettante_Pro · #3 (**permalink**) 22.01.2018, 10:32

Chambers,
Много лишних букав... А нужных нету.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
   <input type="button" id="first" value="Test" >
   <script  type="text/javascript">
         document.querySelector("#first").onclick = function() {
             alert('Hello!!');
         }
   </script>
</body>
</html>

ksa · #4 (**permalink**) 22.01.2018, 11:22

Сообщение от diablopc

onClick

Почему многие пишут названия атрибутов в разном регистре?

diablopc · #5 (**permalink**) 22.01.2018, 19:43

ksa, А чертЕгоЗнает откуда такая привычка =))

Хотя когда смотришь на нечто типа этого:

Код:

QString SpeedDial::backgroundImageUrl()
{
    return m_backgroundImageUrl;
}

QString SpeedDial::backgroundImageSize()
{
    return m_backgroundImageSize;
}

ИМХО, оно более читаемое чем вот это:

Код:

QString speeddial::backgroundimageurl()
{
    return m_backgroundimageurl;
}

QString speeddial::backgroundimagesize()
{
    return m_backgroundimagesize;
}

Видимо отсюда эта привычка и приплыла....

ksa · #6 (**permalink**) 23.01.2018, 09:33

diablopc, в JS это даже вредно. Имеется ввиду писать в разном регистре то, чей аналог пишется только в нижнем регистре.

Потом некто спрашивает почему так работает

<input type="button" *!*onClick*/!*='alert("Ok")' id="first" value="Test" />

А так нет

<input type="button" id="first" value="Test" >
   <script  type="text/javascript">
         document.querySelector("#first").*!*onClick*/!* = function() {
             alert('Ok');
         }
   </script>

diablopc · #7 (**permalink**) 23.01.2018, 17:23

ksa,

Таки да, бывает. Видимо, все-же, нужно себя переучивать понемногу...
...но таки это трудно когда перед глазами постоянно Cxx, js, html и css в одной куче

Форум

Справочник

Discord чат

Курсы javascript