如何将 2 个 javascript 项放在 1 行上？

Question

我一直在创建一个 JS 网站，它会告诉您您的年龄（以天为单位）。我编写了代码，因此，如果您出生于 1990 年之前，网站会显示“Yikes you're old”。我将该文本与其他文本分开设置样式，但输出在另一行。我想把两个文本放在同一行。我不知道该怎么做，所以非常感谢您的帮助。这是JS代码：

function ageInDays() {
  // variables
    var birthYear = prompt("What Year Were You Born In?");
    var ageInDayss = (2021 - birthYear) * 365;

  //text

    if (birthYear>1990) {
        var h1 = document.createElement('h1');
        var textAnswer = document.createTextNode("You are " + ageInDayss + " days 
        old.");
        h1.setAttribute('id', 'ageInDays');
        h1.appendChild(textAnswer);
        document.getElementById('flex-box-result').appendChild(h1);

   } else {
       var h1 = document.createElement('h1');
       var h2 = document.createElement('h2');
       var textAnswer = document.createTextNode("You are " + ageInDayss + " days old.");
       var textAnswer1 = document.createTextNode(" Yikes... that's old.");
       h1.setAttribute('id', 'ageInDays');
       h2.setAttribute('id', 'yikes');
       h1.appendChild(textAnswer);
       h2.appendChild(textAnswer1);
       document.getElementById('flex-box-result').appendChild(h1).appendChild(h2);
    }


}

如何将“else”输出放在一行上？

Answer 1

需要明确的h1和h2吗？默认情况下，它们是块元素，将元素用于其他用途（使用它内联）并不是一个好习惯。

我建议使用跨度

...
var text1 = document.createElement('span');
var text2 = document.createElement('span');
...

并相应地对其进行样式设置。