JavaScript? ?? ?? ??

Ticker? ??? ???? ???????? ?? ??? ?? ???? ???? ?????. ? ???? ??? ?? ???? ??, ??, ?? ?? ?? ??? ??? ? ????. ??? ??? ????? HTML ? CSS? ???? JavaScript ??? ??? ? ????. ??? ?? ???????? ? ?? ?? ?? ? ??? ?? ? ??? ?????.

? ???? ?? Codewars? ?? ?? ??? ?? ?? JavaScript? ?? ??? ??? ?????? ?? ?????. ? ??? ???? JavaScript? ???? ??? ??? ??? ?? ? ????.

??? ??????

??? ??? ???? ????, ?? ??, ????, ?? ? ????? ?????? ??? ???? ?? ??? ???????? ?? ?????. ??? ??? ??? ???? ?? ????? ??? ? ???, ????? HTML, CSS, JavaScript? ???? ??? ? ????.

???? ??? JavaScript? ?? ??? ? ???????? ?? ?? ??? ??? ???? ?? ???? ?????.

??? ??? ??? ?? ?? ?????.

const ticker = (text, width, tick) => {
  const display = ' '.repeat(width);  // 1
  text = display + text + display;    // 2
  tick = tick % (text.length - width); // 3
  return text.slice(tick, tick + width); // 4
}

?? ?? ??

? ???? ? ?? ????? ????.

• text: ????? ??????.
• width: ??? ?? ??, ? ? ?? ??? ?? ?.
• ?: ??? ??? ? ??? ???? ???? ???? ?? ?????.

??? ? ??? ? ??? ?? ???? ?????.

---

1. ???? ???? ?? ???

const display = ' '.repeat(width);

? ?? ????? ??() ???? ???? ???? ??? ??? ? ???? ????. Repeat() ??? ??? ??(? ?? ??)? width? ??? ???? ?????.

?:
??? 5? ?? ?? ???? 5?? ???? ??? ??? ''? ?????.

2. ??? ??? ?? ??

text = display + text + display;

? ?? ????? ???(???) ??? ?? ???(??)? ?????. ??? ?? ??? ??? ?? ??? ?? ???? ??? ?? ??(???)? ? ?? ??? ?????.

?:
??? ???? 'Hello'?? ??? 5?? ?????. ??? ? ? ?? ???? ??? ????.

const ticker = (text, width, tick) => {
  const display = ' '.repeat(width);  // 1
  text = display + text + display;    // 2
  tick = tick % (text.length - width); // 3
  return text.slice(tick, tick + width); // 4
}

??? ?? ???? ??? ???? ??? ??? ??? ??? ??? ?????.

3. ??? ?? ?? ??

const display = ' '.repeat(width);

? ?? ????? ???? ???(%)? ???? ?? ?? ??? ?? ?? ?? ???? ?? ???? ??? ???? ??? ?????.

text.length - ?? ?? ??? ???? ?? ??(?? ??)?? ????? ????? ??(??)? ? ????. ??? ?? ???? ??? ??? ??? ?? ??? ??? ??? ???? ?? ???.

?:
??? ??? ? ???? ??? 15(?: ' Hello ')?? ??? 5?? text.length - ??? 10? ???. ?, ??? ?? ?? ??? ????? ?? ???. 0~9. ?? ??? ?? ?? ???? ???? ????? ????? ?????.

4. ??? ?? ??? ??

text = display + text + display;

??? ????? ????() ???? ???? ?? ???? ???? ?? ?? ???? ??? ???? ??? ?????. Slice() ??? ?? ??? ???? ??? ??? ?????.

?:
?? ??, Tick = 3?? width = 5? ?? ?? Slice(3, 8)? ??? ' Hello '?? ?? ??? 'Hello'? ?????.

?? ???? ??? ???? ??? ???? ??? ?????. ? ??? ?? ?? ??? ??? ??? ??? ???? ???? ?? ?? ??? ??? ?????.

---

?? ?? ?? ??

???? ? ??? ???? ?? ???????.

'     Hello     '

?? ??? ??? ????.

1. ?? = ' '(?? 5?).
2. ??? ???: 'Hello World'.
3. ?? ? = 3?? ?? ? ??? ??? 18???. ?? = 5? ?? ?? ??? 0?? 13??? ? ????.
4. slice(3, 8) ??? ?? ??? 'Hello'? ?????.

?? ???? ? ?? ??? ???? ? ???? ???? ??? ??? ?????.

???? ??? ??? ? ????

?? ??? ??? ??? ? ?? ???? ??? ?? ??? ?????. ?? ?? ???? ???? ??? ??? ?????. ?? ???? ???? ?????? ???? ??? ?????.

? ??? ??? ?????? ? ?? ????? ???? ???? ?? ??? ??? ? ????. ?? ?? setInterval()? ???? ? ??? ?????? ???????.

---

??? ??? ??? ???? Codewars? ?? ? ??? ?????, ?? JavaScript ????? ??? ????? ???? ?????.

??? ???. ? ??? JavaScript?? ?? ??? ??? ????? ???? ? ??? ??? ????!

? ??? JavaScript? ?? ?? ??: ?? ?? ? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!