如何在不使用 .html 或脚本标记的情况下输出 .js 文件

Question

Here is my javascript code with the file name .js I cannot seem to output my document.write using only this. I can do it by turning it into a .html file and enclose the codes with <script> . I would like to have an output without changing the file and just keep it in .js, how do I do it?

document.write("<b>A. Sales Problem</b><br><br>");

var productProfitArray = [
{"Product A": -75},
{"Product B": -70},
{"Product C": 98},  // Highest sales profit
{"Product D": 5},   // Profit nearest to 0
{"Product E": -88}, // Lowest sales profit
{"Product F": 29}
];

function topProduct(productProfitArray) {
  if (toString.call(productProfitArray) !== "[object Array]")
    return false;
  return Math.max.apply(null, productProfitArray.map(o => Object.values(o)[0]));
}


function bottomProduct(productProfitArray) {
  if (toString.call(productProfitArray) !== "[object Array]")
    return false;
  return Math.min.apply(null, productProfitArray.map(o => Object.values(o)[0]));
}

function zeroProfitProduct(productProfitArray) {
  const zero = 0;
  return productProfitArray.map(o => Object.values(o)[0]).reduce((a, b) => {
    return Math.abs(b - zero) < Math.abs(a - zero) ? b : a;
  });
}

var topProductValue = topProduct(productProfitArray);
var bottomProductValue = bottomProduct(productProfitArray);
var zeroProfitProductValue = zeroProfitProduct(productProfitArray);

document.write('Highest sales profit is:  ' + topProductValue + '<br>');
document.write('Lowest sales profit is:  ' + bottomProductValue + '<br>');
document.write('Profit nearest to 0 is:  ' + zeroProfitProductValue);

Answer 1

You could have a paragraph element

    <p id = "highestsalesprofit"></p> 

element in your HTML and then use the following to get the element and add your text to ii

    document.getElementById('highestsalesprofit').innerHTML = 'Highest sales profit is: ' + topProductValue + '<br>'