|
Сообщение от javascript888
|
|
как этому научиться?
|
Нужно консолью пользоваться, нажми F12, откроется Панель разработчика, смотри вкладку Консоль. Там выводятся ошибки и твои сообщения из скрипта через функцию console.log(). Функция расставляется в ключевых местах: начале функции, цикла, условия и тд. Сообщения можно сделать прямо на странице, если подключить скрипт наподобие console.js, как в примере.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Console</title>
</head>
<body>
<!-- console.js -->
<script>
// log() displays messages
(function() {
var parentElement = document.createElement('div');
parentElement.style.cssText =
'position: fixed; top: 5px; right: 5px; z-index: 100;' +
'min-width: 200px; max-height: 200px; padding: 5px; overflow-y: scroll;' +
'font: 12px/1.5 monospace; color: white; text-align: left;' +
'background: black; opacity: 0.5;';
parentElement.textContent = 'Console';
document.body.appendChild(parentElement);
var consoleLog = console.log;
window.log = console.log = function() {
var message = '>';
for (var i = 0; i < arguments.length; i++) message += ' ' + arguments[i];
var childElement = document.createElement('div');
childElement.style.cssText =
'border-bottom: 1px dotted gray';
childElement.textContent = message;
parentElement.appendChild(childElement);
parentElement.scrollTop = parentElement.scrollHeight - parentElement.clientHeight;
consoleLog.apply(console, arguments);
};
})();
// time() returns HH:MM:SS.mmm
(function() {
var format = {
hour: '2-digit', minute: '2-digit', second: '2-digit',
fractionalSecondDigits: 3, hour12: false
};
window.time = function(date) {
return (date || new Date).toLocaleTimeString('en', format);
};
})();
// index() returns increment
(function() {
var indexes = {};
window.index = function(name) {
return indexes[name] = (name in indexes) ? indexes[name] + 1 : 0;
};
})();
</script>
<!-- main.js -->
<script>
log('SCRIPT start=', time());
f1();
f2();
function f1() {
log('FUNC f1');
let k = 0;
for (let i = 0; i < 2; i++) {
log('- FOR i=', i);
for (let j = 0; j < 4; j++) {
log('-- FOR j=', j);
if (k % 2) {
log('--- IF k=', k);
} else {
log('--- ELSE k=', k);
}
k++;
}
}
}
function f2() {
console.log('FUNC f2');
}
log('SCRIPT end=', time());
</script>
</body>
</html>