JSFiddle - React, Tailwind, and code Playground

by Lena R

HTML

<title>Текст с картинками</title>
  <link rel=stylesheet type=text/css href=style.css>  
  </style> 
  
  <body>
  <script language=JavaScript>
  function 1() 
{ 
    document.mypic.src="'http://placekitten.com/g/200/300'"  
}
 

  </script>
  
  <div id=left-column><h2>Изменение глобальной стратегии как метод изучения рынка</h2><br><p>Актуальность темы
данного исследования заключается в том, что вопрос прогнозирования
энергопотребления зданий и сооружений, и вследствие этого возможность определения способов его
уменьшения посредством изоляции ограждающих конструкций, стоит как никогда остро.
Основными задачами работы являются проведение сравнения энергопотребления идентичных
зданий с различными оконными конструкциями и выявление экономических последствий изменения в
проекте здания количества стеклопанелей в светопрозрачных конструкциях</p></div>
<div id=right-column><IMG ID = "mypic" SRC = 'http://placekitten.com/200/300' onclick = "document.mypic.src = 'http://placekitten.com/g/200/300'"/>

</div>
</body>
</html>

CSS

#left-column {width: 50%; float:left; height: 400px;}
  #right-column {widht: 50%; height: 400px;}

JavaScript

function 1() 
{ 
    document.mypic.src="'http://placekitten.com/g/200/300'"  
}