console.log
items.innerHTML = jsonObj[key]
const elts = document.querySelectorAll("ul li");
let sum = 0;
elts.forEach(elt => {
sum += Number(elt.innerHTML.split(' ')[1]);
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Пример#1: получаем выделенный фрагмент страницы с помощью JS</title>
</head>
<body>
<span id="text">
<a href="http://xdan.ru/Zamenit-videlennij-tekst-na-stranice-s-pomoshhju-JS.html">Вернуться на сайт</a><br>
<a href="examples/selection1.html">Пример 1 </a>- просто получаем выделенный текст и html со страницы<br>
<a href="examples/selection2.html">Пример 2 </a>- автоматически переводим выделенный на странице текст с помощью Google Translate AJAX API<br>
<a href="examples/selection3.html">Пример 3 </a>- тоже самое что и пример 2 только работа ведется с фреймом, это актуально для WYSIWYG редакторов, и отличается рядом нюансов<br>
</span>
<div id="text">Пример</div>
<button>Заменить</button>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</body>
</html>
function Person(age) {
this.age = age;
const self = this;
setInterval(function () {
console.log(self.age++);
}, 1000);
}
const vasya = new Person(13);
setTimeout(() => {
console.log(vasya.age);
}, 5000); // 13
А почему в ответе будет не 18, даже если заменить колбек на стрелочную функцию?
this
. При обращении к age: vasya.age
получаем значение и только потом запускается setInterval.function Person(age) {
this.age = age;
const self = this;
setInterval(function() {
self.age++;
}, 1000);
}
const vasya = new Person(13);
// What will be logged after 5 seconds?
console.log("vasya.age: ", vasya.age); // Выведет в консоль: vasya.age: 13
setInterval(function() {
console.log(self.age++);
}, 1000);
let numberArr = [1, 2, 3];
const id = 1;
numberArr = numberArr.filter(entry => entry !== id);
console.log(numberArr); // [2, 3]