JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<p>
ниже – див, содержимое которого «зашифруем»:
</p>
<div id="toCode">
	<p>
	ПРивет, мир!
	</p>
</div>
<hr>
<textarea rows="5" cols="80" id="out">
здесь будет "код"
</textarea>
<br>
<button id="btn">
Нажми меня
</button>

JavaScript

/**
 * для вопроса https://toster.ru/q/435481
 * Как преобразовать HTML-код в указанный формат?
 */
function encode(s) {
  var i, out = [];
	for(i=0;i<s.length;i++) out.push(s.charCodeAt(i));
	return out.join('!');
}

function onClick(){
  document.getElementById("out").innerHTML = encode(
	  document.getElementById("toCode").innerHTML
	);
}

document.getElementById("btn").addEventListener('click', onClick);