Представьте число как текущее из параграфа

На моей веб-странице есть параграф, который выглядит следующим образом:

<p class="article-content mb-1" id="cost"><strong>Cost [Euro]: </strong>1000000</p>

Число - это всегда что-то другое (которое я читаю из базы данных и представляю с помощью форм Django), и я хотел бы представить его в виде валюты (в данном случае 1.000.000). Я пытался получить значение с помощью:

function on_load() {
  var a = document.getElementById('cost').value;
  console.log(a)
}
on_load();

<p class="article-content mb-1" id="cost"><strong>Cost [Euro]: </strong>1000000</p>

но вывод консоли таков: 'undefined'. Когда я получу значение, я использую что-то вроде

(12345.67).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');  // 12,345.67

Перевести в валюту.

function on_load() {
  const costs = document.querySelector('#cost');
  let number = costs.childNodes[1].textContent;
  costs.childNodes[1].textContent = new Intl.NumberFormat('de-DE').format(number);
}
on_load();

<p class="article-content mb-1" id="cost"><strong>Cost [Euro]: </strong>1000000</p>