如何将 2 javascript 项放在 1 行？

Question

我一直在创建一个 JS 网站，它会告诉您您的年龄（以天为单位）。我编写了代码，这样，如果您出生在 1990 年之前，网站就会显示“哎呀，您老了”。我将该文本的样式与其他文本分开，但输出在另一行。我想将两个文本放在同一行。我不知道该怎么做，所以非常感谢你的帮助。这是 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');
...

并相应地设置样式。

如何将 2 javascript 项放在 1 行？

How to put 2 javascript items on 1 line?

javascript

css

dom

output