<html>
<head>
<style>
#mensagem1 {
text-align: center;
color: red;
}
#mensagem2 {
text-align: center;
color: red;
}
#mensagem3 {
text-align: center;
color: red;
}
#mensagem4 {
text-align: center;
color: red;
}
#mensagem5 {
text-align: center;
color: red;
}
#mensagem6 {
text-align: center;
color: red;
}
#mensagem7 {
text-align: center;
color: red;
}
#mensagem8 {
text-align: center;
color: red;
}
#mensagem9 {
text-align: center;
color: red;
}
#mensagem10 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p id=”mensagem10“></p>
<script>
function criarCookie(nome, valor) {
var dataExpiracao = new Date();
dataExpiracao.setTime(dataExpiracao.getTime() + (365 * 24 * 60 * 60 * 1000));
var expires = “expires=” + dataExpiracao.toUTCString();
document.cookie = nome + “=” + valor + “; ” + expires;
}
function obterNomeVisitante() {
var nome = prompt(“Por favor, digite seu nome:”);
criarCookie(“nome”, nome);
return nome;
}
function lerCookie(nome) {
var nome = nome + “=”;
var cookies = document.cookie.split(‘;’);
for(var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
while (cookie.charAt(0) == ‘ ‘) {
cookie = cookie.substring(1);
}
if (cookie.indexOf(nome) == 0) {
return cookie.substring(nome.length, cookie.length);
}
}
return “”;
}
function exibirMensagem(idMensagem) {
var nome = lerCookie(“nome”);
if (nome != “”) {
document.getElementById(idMensagem).innerHTML = “<span style=’color: blue’>Seja muito bem-vindo, Sr.(a):<b></span> ” + nome.toUpperCase() + “!</b> <span style=’color: blue’>É muito bom te ver por <b>aqui</b>.</span>”;
} else {
nome = obterNomeVisitante();
document.getElementById(idMensagem).innerHTML = “<span style=’color: blue’>Seja muito bem-vindo, Sr. ” + nome.toUpperCase() + “! <span style=’color: blue’>É muito bom te ver por aqui.</span></span>”;
}
}
exibirMensagem(“mensagem10“);
</script>
</body>
</html>
_______________________________________________________________________________________________________
Para utiliza o mesmo nome até 10 vezes na mesma página será nescessário alterar o item nome para: mensagem1, mensagem2, mensagem3, até mensagem10. Como marcado em AZUL no script acima. OBS: O modelo de script usado como exemplo é da mensagem 10.
Para utilizar o NEGRITO em uma palavra ou trexo utilize o código <b> para abrir o comando, e o código </b> para fechar o comando. Veja a aplicação no nome e na palavra aqui, também marcado em AZUL no script.