JSFiddle - React, Tailwind, and code Playground

by Олег

HTML

<span id="review-text">тут текст</span> 
<br>
<img src="http://lorempixel.com/400/200/" alt="текст, который проявляется при клике на картинку" onclick="clickMy();">



















































<div class="footer">
Помогу в решении любого вопроса js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку<br>Аккаунт на тостере <a href="https://toster.ru/user/politon">toster.ru/user/politon</a><br><span>E-mail: oleg@w3schools.ru</span><br><span>Skype: politon81</span>
</div>
<!--Любое решение вопросов
E-mail: oleg@w3schools.ru
js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку
E-mail: oleg@w3schools.ru
Skype: politon81
-->

CSS

.test{
  animation: myAnime  2s both ;
}
@keyframes myAnime {
0%{opacity:0;}
100%{opacity:1;}
}











































/*Это не относится к Вашему коду*/
.footer{
  position:absolute;
  bottom:20px;
  right:20px;
  font-size:0.7em;
  background:#ff0;
}
.footer span{
  color:#f00;
  font-weight:bold;
}

JavaScript

var alt = document.getElementsByTagName('img')[0].getAttribute('alt');
var text = document.getElementById('review-text');
function clickMy(){
text.classList.add("test");
text.innerHTML = alt;

}