Advanced Usage
If you want to have several different emails you have to import the multiEmailHiddenF function and if you want to have several different phone numbers you have to import the multiPhoneHiddenF function.
import { multiEmailHiddenF } from 'https://cdn.jsdelivr.net/npm/hidden-from-bots/+esm';
multiEmailHiddenF('email1','hello@world.com');
multiEmailHiddenF('email2','hi@world.com');
multiEmailHiddenF('email3','aloha@world.com');And in the value of the data-hidden-from-bots attribute put the first parameter of the function.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hidden From Bots</title>
</head>
<body>
<p data-hidden-from-bots="email1">Email</p>
<p data-hidden-from-bots="email2">Email</p>
<p data-hidden-from-bots="email3">Email</p>
<script type="module" src="./script.js"></script>
</body>
</html>