Advanced Usage
How to have different emails and phones?
To have different emails and phone numbers you only need to follow the previous steps only with a small difference, you need add to the configuration file, a constant for each email or phone, in this case I put 3 emails and 3 phone numbers, now only You put in a constant named hiddeNumber the number of different emails that you are going to have, if you are only going to have two different emails and three different phones, put the number 3.
const email1 = 'contact1@hidden-from-bots.com';
const phone1 = '1111111';
const email2 = 'contact2@hidden-from-bots.com';
const phone2 = '2222222';
const email3 = 'contact3@hidden-from-bots.com';
const phone3 = '3333333';
const hiddeNumber = '3';Now you only have to put the class to the corresponding emails or phones, the emailHidde1 class refers to the constant email1 and emailHidde2 to the constant email2.
<!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 class="emailHidde1">Email</p>
<p class="phoneHidde1">Phone</p>
<button class="emailHidde2">Email</button>
<button class="phoneHidde2">Phone</button>
<p class="emailHidde3">Email</p>
<p class="phoneHidde3">Phone</p>
<script src="hide.js"></script>
<script src="hidden-from-bots.js"></script>
</body>
</html>