Как результат функции вывести в DIV

167

27 февраля 2018, 07:06

var x = 0; 
 
function actln2() { 
  x = x + 1; 
}

<div onmouseover="actln2()">как сюда вывести x?</div>

Answer 1

var x = 0; 
 
function actln2() { 
  x = x + 1; 
  document.querySelector('div').innerHTML = x; 
}

<div onmouseover="actln2()">как сюда вывести x?</div>

Answer 2

var x = 0; 
 
function actln2(div) { 
  x = x + 1; 
  div.innerText = x; 
}

<div onmouseover="actln2(this)">как сюда вывести x?</div>

Answer 3

как сюда вывести x?

const div = document.querySelector('#div')
let x = 0;
div.addEventListener('mouseover', () => {
    div.innerHTML = calc();
});
function calc() {
    return x = x + 1;
}

В общем тоже самое что и писали до этого, только лучше навешивать события не в html, а в js... И разбивать функции одна считает, другая добавляет элемент в DOM.