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]

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>

0 0

Quote

2. MELHOR RESPOSTA

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.

______________________________________________________________________

0 0

Quote