时间戳

首页 > 解决方案 > 如何将一行文本放在对象数组的新行上，以便问题更清晰？

javascript - 如何将一行文本放在对象数组的新行上，以便问题更清晰？

问题描述

问题与问题键值对有关。目前我正试图只用逗号，我试过 br 以为我 100% 确定那行不通。

问题.js

var questions = [{
"question": "What order will the logs get printed? - JS Runtime in browser setTimeout(()=> {console.log('a')}, 100)<br />setTimeout(()=> {console.log('b')}, 0)\nPromise.resolve('c').then(console.log)\nconsole.log('d')",
"option1": "d, c, b, a",
"option2": "d, b, c, a",
"option3": "a, b, c, d",
"option4": "d, a, b, c",
"answer": "option1"}];

索引.html

<div id="quizContainer" class="container">
        <div class="title">Computer Quiz</div>
        <div id="question" class="question"></div>
        <label class="option"><input type="radio" name="option" value="1" /> <span id="opt1"></span></label>
        <label class="option"><input type="radio" name="option" value="2" /> <span id="opt2"></span></label>
        <label class="option"><input type="radio" name="option" value="3" /> <span id="opt3"></span></label>
        <label class="option"><input type="radio" name="option" value="4" /> <span id="opt4"></span></label>
        <button id="nextButton" class="next-btn" onclick="loadNextQuestion();">Next Question</button>
    </div>

    <div id="result" class="container result"></div>
    
    <script src="question.js"></script>
    <script src="quiz-script.js"></script>

标签： javascripthtml

解决方案

var questions = [{
    "question": "1 - What order will the logs get printed? - JS Runtime in browser setTimeout(()=> {console.log('a')}, 100)\nsetTimeout(()=> {console.log('b')}, 0)\nPromise.resolve('c').then(console.log)\nconsole.log('d')",
    "option1": "Abacus",
    "option2": "Analytical Engine",
    "option3": "Calculator",
    "option4": "Processor",
    "answer": "2"
}]

console.log(questions[0].question)

新行的字符是\n

如果您需要输出到 DOM 而不是控制台，则此代码有效：

var questions = [{
    "question": "1 - What order will the logs get printed? - JS Runtime in browser setTimeout(()=> {console.log('a')}, 100)<br />setTimeout(()=> {console.log('b')}, 0)<br />Promise.resolve('c').then(console.log)<br />console.log('d')",
    "option1": "Abacus",
    "option2": "Analytical Engine",
    "option3": "Calculator",
    "option4": "Processor",
    "answer": "2"
}]

document.querySelector('#result').innerHTML = questions[0].question

推荐阅读