Aufrufen einer JavaScript-Funktion in einem P-Tag

Question

Ich würde gerne die folgende JavaScript-Funktion aufrufen, damit sie in ein HTML-P-Tag ausgegeben wird, bin mir aber nicht sicher, wie ich dies tun kann, ohne die Funktion explizit in der HTML-Datei aufzurufen.

Ich möchte das nicht tun...

    wise_words();

Ich möchte den JavaScript-Code gerne in einer js-Datei behalten.

Ich habe es auf diese Weise versucht, aber das scheint nicht zu funktionieren...

document.getElementById("showcode").innerHTML = wise_words();

Ich würde mich sehr über Hilfe freuen, was ich falsch mache.

Hier ist mein Code... http://codepen.io/anon/pen/qfLdE Ich möchte den generierten Text gerne innerhalb des grauen Kastens ausgegeben haben.

Answer 1

Sie sollten die Funktion in einem onload-Handler aufrufen, damit sie nach dem Aufbau des DOM ausgeführt wird:

window.onload = function() {
    document.getElementById("showcode").innerHTML = wise_words();        
}

Ein weiteres Problem ist, dass Ihre wise_words()-Funktion document.write verwendet (bitte verwenden Sie nicht document.write), anstatt einen Wert zurückzugeben. Sie müssen einen Wert zurückgeben:

var retText = wiseText[nextVal][0];

nextVal += 1;
writeCookie("wisewords", nextVal.toString(), 33);

return retText;

Answer 2

Versuchen Sie, dies mit Jquery zu verwenden:

$(".showcode").html(weise_worte());

HINWEIS: Angenommen, Ihre Funktion gibt den HTML- / Text zurück.

Answer 3

        document.write(weise_worte());

or:

(note id instead of class).