Почему не выводится контент при нажатии на кнопку?

Нужно, чтобы при нажатии на кнопку выводилось содержимое переменной mess. Почему не выводится?

let mess = 'mess'
let text = document.querySelector('.res')
let button = document.querySelector('button')

function res() {

   button.click(function () {
      text.innerHTML = mess
   });
<button>click</button>
<div class="res"></div>


Ответы (1 шт):

Автор решения: Pilaton

Во первых вам нужно точку с запятой взять в привычку ставить везде.
Во вторых, "клик" у вас был прописан внутри функции, которая не закрывалась и не вызывалась.
В третьих, событие клика должно писаться как button.onclick = function()..., а не button.click(function ()...

let mess = 'mess';
let text = document.querySelector('.res');
let button = document.querySelector('button');

button.onclick = function() {
  text.innerHTML = mess;
};
<button>click</button>
<div class="res"></div>

→ Ссылка