freeCodeCamp/guide/russian/html/attributes/onclick-event-attribute/index.md

1.1 KiB

title localeTitle
Onclick Event Attribute Атрибут события Onclick

Атрибут события Onclick

При щелчке элемента происходит событие.

Он работает так же, как метод onclick или addEventListener('click') к элементу.


<element onclick="event"></element> 

event может быть функцией JavaScript или вы можете написать сырой JavaScript

Примеры

Изменение цвета элемента <p> при нажатии


<p id="text" onclick="redify()">Change my color</p> 
 
 <script> 
 function redify(){ 
  let text = document.querySelector('#text'); 
  text.style.color = "red"; 
 } 
 </script> 

Использование исходного атрибута JavaScript onclick:


<button onclick="alert('Hello')">Hello World</button> 

Дополнительная информация: