Eine Funktion innerhalb des h1-Tags?

Möchte ich legen meine Funktion innerhalb des h1-Tags, es wird also die Adresse der Benutzer eine Begrüßung abhängig von der Tageszeit. Dies ist meine Zeit-Funktion, aber wie Binde ich es in h1?

var today = new Date();
var curHr = today.getHours();
function greeting() {
if ( curHr < 12) {
    document.write('Good Morning');
} else if ( curHr < 18) {
    document.write('Good Afternoon');
} else if ( curHr < 20) {
    document.write('Good Evening')
} else {
    document.write('Good Night');
}
}



4 Replies
  1. 2

    Geben Sie Ihre H1 eine ID

    <h1 id="goeshere">Message</h1>

    Ersetzen Sie anschließend document.write mit so etwas wie

    document.getElementById('goeshere').textContent = 'Good Morning'.

    tun, und dass für alle die Bedingungen.

    Tun Sie nicht setzen Sie die javascript-inside H1, und Sie tun nicht verwenden document.write ever !

    JS:

    var today = new Date();
    var curHr = today.getHours();
    function greeting() {
        if ( curHr < 12) {
            document.getElementById('goeshere').textContent = 'Good Morning';
        } else if ( curHr < 18) {
            document.getElementById('goeshere').textContent = 'Good Afternoon';
        } else if ( curHr < 20) {
            document.getElementById('goeshere').textContent = 'Good Evening';
        } else {
            document.getElementById('goeshere').textContent = 'Good Night';
        }
    }
    
    greeting()

    HTML:

    <h1 id="goeshere">Message</h1>

  2. 1

    Ich denke, Sie versuchen, eine Funktion schreiben, die ist suppsoed zum aktualisieren der header-tag.

    Sollten Sie Holen sich das Datum innerhalb die Funktion (keine Notwendigkeit, Sie in globals). Die Funktion sollte zurück gewünschten Wert (statt document.write). Und sollten Sie die Funktion nutzen, wie beispielsweise geeignet:

    function greeting() {
      var today = new Date();
      var curHr = today.getHours();
      if ( curHr < 12) {
        return 'Good Morning';
      } else if ( curHr < 18) {
        return 'Good Afternoon';
      } else if ( curHr < 20) {
        return 'Good Evening';
      } else {
        return 'Good Night';
      }
    }
    
    var h1 = document.getElementById('my-header');
    //Check if such header actually exists
    if (h1) {
      h1.innerHTML = greeting();
    }

    Es wird davon ausgegangen, dass der code ausgeführt wird irgendwo nach die h1 – tag (der tag sollte verfügbar sein, wenn wir zugreifen, es), Beispiel:

    <h1 id="my-header">Default header</h1>
    <!-- ... -->
    <script>/* here */</script>
  3. 0

    könnten Sie versuchen, in einer Weise auch

      var today = new Date();
      var curHr = today.getHours();
      function greeting() {
      if ( curHr < 12) {
      return 'Good Morning';
      } else if ( curHr < 18) {
      return  'Good Afternoon';
      } else if ( curHr < 20) {
      return  'Good Evening';
      } else {
      return 'Good Night';
      }
    }
     var xyz= greeting()
     //alert(xyz)
     document.getElementById('yourElementId').textContent =xyz

    haben Sie einen Blick auf hier ist Beispiel.

    • Nur returning etwas nicht angezeigt es… Und du bist nicht einmal etwas zu tun in den letzten 2 if/else Aussagen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.