como transformar a função cartomante do meu código em "arrow function" ? [RESOLVIDO]

1. como transformar a função cartomante do meu código em "arrow function" ? [RESOLVIDO]

Álex Claudio
alex_C1

(usa Outra)

Enviado em 24/04/2021 - 23:04h

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<style>
#div00 {text-align:center;padding:10px;}
#resp {color:red;}
</style>
</head>
<body>
<div id="div00">
<h2>Informe o solicitado.<br>Após informar o "Texto 04:" e digitar tab,<br>o script é executado.</h2>
<label for="N1">Texto 01: </label>
<input type="text" id="N1" placeholder="::Nº de filhos::" required><br>
<label for="N2">Texto 02: </label>
<input type="text" id="N2" placeholder="::Nome da esposa/marido::" required><br>
<label for="N3">Texto 03: </label>
<input type="text" id="N3" placeholder="::Cidade::" required><br>
<label for="N4">Texto 04: </label>
<input type="text" id="N4" placeholder="::Função::" required onblur="pegadados();"><br>
<h1 id="resp">««Status»»</h1>
</div>
<script>
var a='', b='', c='', d='',doc=document, resp=doc.getElementById('resp');

function pegadados(){
a=doc.getElementById('N1').value;
b=doc.getElementById('N2').value;
c=doc.getElementById('N3').value;
d=doc.getElementById('N4').value;
if (a!='' && b!='' && c!='' && d!=''){
resp.innerHTML='';
cartomante(a,b,c,d);
}else{
resp.innerHTML+="<br>«« Dados Imcompletos! »»<br>Preencha todos os campos.";
}
}

function cartomante(X,Y,Z,N){
resp.innerHTML='««Resposta enviada para o log»»';
console.log("dados:\nX:"+X+"\nY:"+Y+"\nZ:"+Z+"\nN:"+N);
}
</script>
</body>
</html>



  


2. MELHOR RESPOSTA

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 24/04/2021 - 23:22h

alex_C1 escreveu:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<style>
#div00 {text-align:center;padding:10px;}
#resp {color:red;}
</style>
</head>
<body>
<div id="div00">
<h2>Informe o solicitado.<br>Após informar o "Texto 04:" e digitar tab,<br>o script é executado.</h2>
<label for="N1">Texto 01: </label>
<input type="text" id="N1" placeholder="::Nº de filhos::" required><br>
<label for="N2">Texto 02: </label>
<input type="text" id="N2" placeholder="::Nome da esposa/marido::" required><br>
<label for="N3">Texto 03: </label>
<input type="text" id="N3" placeholder="::Cidade::" required><br>
<label for="N4">Texto 04: </label>
<input type="text" id="N4" placeholder="::Função::" required onblur="pegadados();"><br>
<h1 id="resp">««Status»»</h1>
</div>
<script>
var a='', b='', c='', d='',doc=document, resp=doc.getElementById('resp');

function pegadados(){
a=doc.getElementById('N1').value;
b=doc.getElementById('N2').value;
c=doc.getElementById('N3').value;
d=doc.getElementById('N4').value;
if (a!='' && b!='' && c!='' && d!=''){
resp.innerHTML='';
cartomante(a,b,c,d);
}else{
resp.innerHTML+="<br>«« Dados Imcompletos! »»<br>Preencha todos os campos.";
}
}

function cartomante(X,Y,Z,N){
resp.innerHTML='««Resposta enviada para o log»»';
console.log("dados:\nX:"+X+"\nY:"+Y+"\nZ:"+Z+"\nN:"+N);
}

</script>
</body>
</html>

Boa noite Aléx,
é bem simples.....

Obs.:
1 - Apague a função cartomante
2 - em pegadados, apague cartomante(a,b,c,d);,
e coloque as linhas:
//Cria a função com os parâmetros;
let Arrow_Function = () => "Param:\nX:" + a +"\nY:"+b+"\nZ:"+c+"\nN:"+d;
//Chama a função
console.log("ARROW FUNCTION =»\n"+Arrow_Function());

É isso....
______________________________________________________________________
Importante: lynx --dump goo.gl/a9KeFc|sed -nr '/^[ ]+Se/,/dou.$/p'
Att.: Marcelo Oliver
______________________________________________________________________
Nota de esclarecimento:
O comando: lynx --dump goo.gl/a9KeFc|sed -nr '/^[ ]+Se/,/dou.$/p',
faz parte da minha assinatura.
O qual, "filtra" a página: "https://www.vivaolinux.com.br/termos-de-uso/",
Mostrando o seguinte:

Se você sanou sua dúvida ou resolveu um problema a partir de um
tópico criado, é extremamente recomendável que acesse o tópico e
marque-o como "RESOLVIDO". E mais recomendável ainda que você eleja
como melhor resposta a que mais lhe ajudou.


______________________________________________________________________