qna section in javascript

index.tsx
const qna = [
  {
    question: "What is JavaScript?",
    answer: "JavaScript is a programming language used to build interactive web applications."
  },
  {
    question: "What are some of the features of JavaScript?",
    answer: "JavaScript has features such as object-oriented programming, functional programming, and event-driven programming."
  },
  {
    question: "What is the difference between let and var in JavaScript?",
    answer: "The main difference is that let has block scope while var has function scope."
  }
];
533 chars
15 lines

index.tsx
function displayQnA() {
  const qnaContainer = document.querySelector(".qna-container");

  qna.forEach(item => {
    const question = document.createElement("h2");
    question.textContent = item.question;

    const answer = document.createElement("p");
    answer.textContent = item.answer;

    const qnA = document.createElement("div");
    qnA.appendChild(question);
    qnA.appendChild(answer);

    qnaContainer.appendChild(qnA);
  });
}
446 chars
18 lines

index.tsx
displayQnA();
14 chars
2 lines