jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

ok

Browse source
This commit is contained in:
Ilya Kantor 2016-11-19 00:13:08 +03:00
parent b1f0cfc5b2
commit 63f55dc65d
137 changed files with 1287 additions and 1651 deletions
Download patch file Download diff file Expand all files Collapse all files

0
1-js/9-object-inheritance/09-class/1-rewrite-to-class/solution.md Normal file
View file

34
1-js/9-object-inheritance/09-class/1-rewrite-to-class/solution.view/clock.js Normal file
View file

@ -0,0 +1,34 @@
class Clock {
constructor({ template }) {
this._template = template;
}
_render() {
let date = new Date();
let hours = date.getHours();
if (hours < 10) hours = '0' + hours;
let mins = date.getMinutes();
if (mins < 10) min = '0' + mins;
let secs = date.getSeconds();
if (secs < 10) secs = '0' + secs;
let output = this._template
.replace('h', hours)
.replace('m', mins)
.replace('s', secs);
console.log(output);
}
stop() {
clearInterval(this._timer);
}
start() {
this._render();
this._timer = setInterval(() => this._render(), 1000);
}
}

18
1-js/9-object-inheritance/09-class/1-rewrite-to-class/solution.view/index.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Console clock</title>
<meta charset="utf-8">
</head>
<body>
<script src="clock.js"></script>
<script>
let clock = new Clock({template: 'h:m:s'});
clock.start();
</script>
</body>
</html>

34
1-js/9-object-inheritance/09-class/1-rewrite-to-class/source.view/clock.js Normal file
View file

@ -0,0 +1,34 @@
function Clock({ template }) {
this._template = template;
}
Clock.prototype._render = function() {
let date = new Date();
let hours = date.getHours();
if (hours < 10) hours = '0' + hours;
let mins = date.getMinutes();
if (mins < 10) min = '0' + mins;
let secs = date.getSeconds();
if (secs < 10) secs = '0' + secs;
let output = this._template
.replace('h', hours)
.replace('m', mins)
.replace('s', secs);
console.log(output);
};
Clock.prototype.stop = function() {
clearInterval(this._timer);
};
Clock.prototype.start = function() {
this._render();
this._timer = setInterval(() => this._render(), 1000);
};

18
1-js/9-object-inheritance/09-class/1-rewrite-to-class/source.view/index.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Console clock</title>
<meta charset="utf-8">
</head>
<body>
<script src="clock.js"></script>
<script>
let clock = new Clock({template: 'h:m:s'});
clock.start();
</script>
</body>
</html>

9
1-js/9-object-inheritance/09-class/1-rewrite-to-class/task.md Normal file
View file

@ -0,0 +1,9 @@
importance: 5
---
# Rewrite to class
Rewrite the `Clock` class from prototypes to the modern "class" syntax.
P.S. The clock ticks in the console, open it to see.