How do I create random classes and ids in HTML?
A platform here with whom I work, she, every page update, one day in Footer updates your classes and ids in a random way.
For example, now it looks like this:
<div id="wenro66zls" class="cwenro66zls"></div>
I updated the page, and it was like this (OBS, same div):
<div id="ldj38hec0v" class="cldj38hec0v"></div>
It's kind of a password generation, I do not know ...
Is this done with JavaScript? Is it something simple?
If you look at the javascript that has just above this, you will soon see that your excerpt in the code like this:
letters = "abcdefghijklmnopqrstuvwxyz",
plat_id = letters.charAt(Math.floor(Math.random() * letters.length)) + (Math.random() + 1).toString(36).substr(2, 9);
This is the code that generates the random class.
The explanation of the code follows.
var letters = "abcdefghijklmnopqrstuvwxyz";
var plat_id = letters.charAt(Math.floor(Math.random() * letters.length)) + (Math.random() + 1).toString(36).substr(2, 9);
/* * Passo a passo * */
// === Primeira letra ===
// gera um número aleatório entre 0 e o tamanho de 'letters'
var passo_1 = Math.random() * letters.length;
// arredonda para baixo
var passo_2 = Math.floor(passo_1);
// retorna a letra no índice randômico gerado acima
var passo_3 = letters.charAt(passo_2)
// => O código acima apenas escolhe uma letra aleatório da string 'letters'
// === Restante da string ===
// gera um número aleatório entre 1 e 2
var passo_4 = Math.random() + 1;
// representação do número na base 36
var passo_5 = passo_4.toString(36);
// pega 9 caracteres começando do 3º
var passo_6 = passo_5.substr(2, 9);
// === Resultado ===
// Concatena a letra randômica inicial com a string gerada na 2ª parte
var passo_7 = passo_3 + passo_6;
console.log("passo_1: ", passo_1);
console.log("passo_2: ", passo_2);
console.log("passo_3 (letra inicial): ", passo_3);
console.log("passo_4: ", passo_4);
console.log("passo_5: ", passo_5);
console.log("passo_6 (restante da string): ", passo_6);
console.log("passo_7 (resultado): ", passo_7);