Как сделать так, чтобы вывод нескольких функций JavaScript отображался в HTML?

Поэтому я пытаюсь отобразить результаты нескольких вызовов функций в файле JavaScript, который использует benchmark.js, в отдельном файле HTML. Мой js-файл выглядит примерно так (не обращая внимания на имена методов и классов):

class.init(function(context) {

    Benchmark("function description", {
        'defer': true,

         fn': function(deferred) {
         var x = context.ones([100, 100]);
         var y = x.repeat(2, 0);
         context.barrier(function (){
             deferred.resolve();
          });
    },
    'onComplete': function(event) {
    //This is what I'd like to print out
    console.log(this.name + ": " + (this.stats.mean * 1000).toFixed(2) + " ms");
    //
    } 
}).run();

Есть несколько вызовов функций, подобных этому.

Мой HTML-код выглядит просто так:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title> Sublime Webpage </title>

    </head>
    <body>
        <div class="main">
          <div class="head">
             <h1>Hello</h1>

          </div>
          <script src="filename.js"></script>
        </div>
    </body>
</html>

На данный момент он просто выводит результаты на консоль, что лучше, чем ничего, но, очевидно, не то, что я хочу. Я немного поговорил с кем-то, и они предложили мне использовать jQuery. Я изучил его и попытался использовать document.write(this.name + ": " + (this.stats.mean * 1000).toFixed(2) + " ms") вместо console.log(), но это не похоже на работу. У кого-нибудь есть предложения?

Источник

1 ответ

Использование document.createTextNode:

// add an output div to your html
<div id='output'></div>

// in your benchmark code
var output = document.getElementById('output');
output.appendChild(document.createTextNode('some result'));

скрипка

Источник
Другие вопросы по тегам