Как сделать окно оповещения в HTML с несколькими строками

Question

Кто-нибудь знает, как сделать окно оповещения в HTML, состоящее из нескольких строк? Я ищу вывод, чтобы быть примерно таким: Правила:
1. Бла Бла Бла
2. Бла Бла Бла
3. Бла Бла Бла
[Отмена] [Ок]

Вот код на данный момент:

function rules() {
  agree = confirm("RULES: 1. Blah Blah Blah 2. Blah Blah Blah 3. Blah Blah Blah Press OK to agree and Cancel to Dissagree")
  if (agree == true) {
    alert("Thank you for agreeing to the rules!")
  } else {
    alert("You can not move on unless you agree to the rules.")
  }
}

<button onclick="rules()">Agree to the Rules</button>

Но это все путает в одной строке. Кто-нибудь знает, как сделать так, чтобы в нем был разрыв строки, например <br>

Answer 1

alert («Это первая строка \ nЭто вторая строка \ nЭто третья строка»);

Answer 2

Вы будете использовать '\n' для создания строк.

Например, ваша строка правил будет:

'Rules:\n1. Blah Blah Blah\n2. Blah Blah Blah\n3. Blah Blah Blah'

Answer 3

вставка \ n создает новую строку

function rules() {
  agree = confirm("RULES: 1. Bl\nah Blah Blah 2. Bla\nh Blah Blah 3. Bla\nh Blah Blah Press OK to agree and Cancel to Dissagree")
  if (agree == true) {
    alert("Thank you for agreeing to the rules!")
  } else {
    alert("You can not move on unless you agree to the rules.")
  }
}

<button onclick="rules()">Agree to the Rules</button>

Answer 4

Проведя некоторое исследование, я нашел ответ на свой вопрос.

Чтобы легко создать окно с несколькими строками, используйте \n.

function rules() {
  agree = confirm("RULES: \n1. Blah Blah Blah \n2. Blah Blah Blah \n3. Blah Blah Blah \nPress OK to agree and Cancel to Dissagree")
  if (agree == true) {
    alert("Thank you for agreeing to the rules!")
  } else {
    alert("You can not move on unless you agree to the rules.")
  }
}

<button onclick="rules()">Agree to the Rules</button>

Надеюсь, это поможет любому, кому это интересно!