Data js in html(external script)

Question

Data js in html(external script)

Asked 5 years, 8 months ago

Viewed 170 times

0

I have the following script that returns date and time:

function RetornaDataHoraAtual(){
    var dNow = new Date();
    var localdate = dNow.getDate() + '/' + (dNow.getMonth()+1) + '/' + dNow.getFullYear() + ' ' + dNow.getHours() + ':' + dNow.getMinutes();
    return localdate;
 }

And an html page (the following) where I call it, in this code snippet (which, when I run, nothing happens - no output is displayed). Where can I be missing?

<div class="container">
  <label>Cronômetro de Monitoramento, até a data de  <script src="retornaData.js"></script> </label>
    <?!= include("grafico"); ?>
    <font size="1" face="Verdana"><i><b>Nota:</b> Apenas monitoramentos concluídos(no prazo e fora do prazo) e empacados. </i><u>Excluem-se os que estão em andamento.</u></i></fonte>
  </div>

  <div class="row">

If I am not mistaken, it is necessary to initialize the function: 'nameFuncao()', it seems that you are only declaring the function inside the script, you need to press play. I could be wrong.

– MagicHat

2019/03/19 at 02:37
But when I call the function, inside it, I already have the Return, which returns the variable that stores the date.

– roger roger

2019/03/19 at 02:42
The correct is after the statement, no?

– MagicHat

2019/03/19 at 02:46

1 answer

Browser other questions tagged javascript html

You are not signed in. Login or sign up in order to post.

by Luis Faconi • **181** points · Answer 1 · 2019-03-19T02:53:26+00:00

I believe that this is not the best way to use this function. You can use the options of Document.getElementById to capture the element where you want to leave your text, the Document.createTextNode to create the text element and the appendchild to secure it in the chosen element.

(You can put the external javascript, I’m just demonstrating in the middle of the code)

Follow the example below:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<div class="container">
  <label>Cronômetro de Monitoramento, até a data de  <span id="data"></span></label>
    <?!= include("grafico"); ?>
    <font size="1" face="Verdana"><i><b>Nota:</b> Apenas monitoramentos concluídos(no prazo e fora do prazo) e empacados. </i><u>Excluem-se os que estão em andamento.</u></i></fonte>
  </div>

  <div class="row">


<script>

let data = document.getElementById('data');
var text = document.createTextNode(RetornaDataHoraAtual());        
data.appendChild(text);

function RetornaDataHoraAtual(){
    var dNow = new Date();
    var localdate = dNow.getDate() + '/' + (dNow.getMonth()+1) + '/' + dNow.getFullYear() + ' ' + dNow.getHours() + ':' + dNow.getMinutes();
    return localdate;
 }
</script>
</body>
</html>

In case there are any questions, I’m willing to help you!