JSFiddle - React, Tailwind, and code Playground

by Vasilii Chugunov

HTML

<div id="first">текст 1</div>
<div>текст 2</div>
<div>текст 3</div>
<div>текст 4</div>
<div>текст 5</div>
<div>текст 6</div>
<div>текст 7</div>
<div>текст 8</div>
<div>текст 9</div>
<div>текст 10</div>

CSS

#first {
  color: red;
  font-size: 24px;
}

JavaScript

var firstjs = document.getElementById('first');
firstjs.style.color = 'green';
firstjs.innerHTML = 'Какой-то другой текст';

firstjs.onclick = function() {
	firstjs.innerHTML = 'Изменённый текст';
}