View of questions and answers CANVAS

by malikzh

CSS

body {
  font-family: sans-serif;
}
.question {
  font-weight: bold;
  font-size: 20px;
  color: #3C3C3C;
}

.answer {
  padding: 10px 0;
  font-weight: bold;
  color: green;
}

JavaScript

const questions = {
    "<p><strong>Какой интерфейс коллекций представляет собой упорядоченный список элементов в Java?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">List</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какое ключевое слово используется для определения класса в Java?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">class</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какой метод возвращает длину строки в Java?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">length()</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какой класс является корнем иерархии исключений в Java?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">Exception</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какой метод в Java автоматически вызывается при создании объекта?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">конструктор</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какое исключение бросается, когда невозможно найти указанный класс?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">ClassNotFoundException</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какой эффект будет от использования continue в цикле for?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">Пропускает текущую итерацию и переходит к следующей</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>В каком случае используется break в switch-блоке?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">Для завершения всего блока switch после выполнения одного из случаев</div>\n        <div class=\"answer_html\"></div>"
    ],
    "<p><strong>Какой оператор используется для создания пользовательского исключения?</strong></p>\n<p>&nbsp;</p>": [
        "<div class=\"answer_text\">throw</div>\n    ...