//INDEX.PHP
<?php
$array = [
"one",
"two",
"three",
"three",
"four",
"five",
"five"
];
foreach ($array as $value) {
echo "<p>$value</p>";
}
?>
//JAVASCRIPT
<script type="text/javascript">
var elements = document.getElementsByTagName("p"); //pego todos as tags "p" no meu caso
var alreadyStylized = []; //lista daqueles que já foram utilizados
Array.from(elements).forEach((elem) => {
//todos os que não se repetem ficam azul
elem.style.background = "dodgerblue";
//pego o texto/id do elemento atual
var id = elem.textContent;
//verifico se já foi estilizado
if (alreadyStylized.indexOf(id) != -1) {
//itero sobre todos novamente
Array.from(elements).forEach((elem2) => {
//porém verifico se o id confere
if (elem2.textContent == id) {
//adiciona yellow para todos que tem o mesmo
//id/texto
elem2.style.background = "yellow";
}
})
}
//no final coloca o id daqueles que ja foram estilizados
alreadyStylized = id;
});
</script>
I wonder if you could be using PHP for everything, but it is preferable to style the content of a page with javascript.
If you for all this within a file called index.php and run will appear this:
BrowsersupportArray.from()
BrowsersupportArray.forEach()
Sourceimages: link