src/index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mail deobfuscate modul</title>
</head>
<body>
<header>
<h1>Mail deobfuscate</h1>
<h2>ECMAScript 6 Class and Module</h2>
</header>
<main>
<article>
<h2>Mail deobfuscating with <em>rot13 caesar cipher</em></h2>
<p>The module deobfuscate a mailto-link which was obfuscated with <em>rot13 caesar cipher</em> onClick in this example</p>
<h2>Example:</h2>
<h3>
E-Mail with <em>rot13 caesar cipher</em> ciphed:
</h3>
<ul>
<li>
<a href="mailto:znvy@rknzcyr.bet" title="mail to">with obfuscated mail address in href</a>
</li>
<li>
<a href="mailto:znvy@rknzcyr.bet" title="mail to">znvy@rknzcyr.bet with obfuscated mail address in text</a>
</li>
<li>
<a href="mailto:znvy@rknzcyr.bet" title="mail to znvy@rknzcyr.bet">znvy@rknzcyr.bet with obfuscated mail address in text and title </a>
</li>
</ul>
<h4>Mailto Links</h4>
<pre>
<code>
<ul>
<li>
<a href="mailto:znvy@rknzcyr.bet" title="mail to">with obfuscated mail address in href</a>
</li>
<li>
<a href="mailto:znvy@rknzcyr.bet" title="mail to">znvy@rknzcyr.bet with obfuscated mail address in text</a>
</li>
<li>
<a href="mailto:znvy@rknzcyr.bet" title="mail to znvy@rknzcyr.bet">znvy@rknzcyr.bet with obfuscated mail address in text and title </a>
</li>
</ul>
</code>
</pre>
<h4>mailDeobfuscate event binding</h4>
<pre>
<code>
import mailDeobfuscate from './js/mail.deobfuscate.module';
const elements = document.querySelectorAll('a');
elements.forEach(function (element) {
element.addEventListener('click', function(event) {
mailDeobfuscate(event.target);
});
});
</code>
</pre>
</article>
</main>
</body>
</html>