messages generator

by Stalk

HTML

<pre id="userName"></pre>
<pre id="userMessage"></pre>

CSS

pre {
  border: solid 1px gray;
  margin: 0.5em;
  padding: 0.5em;
}

JavaScript

const msg = function* () {
	yield* [
    { name: 'Вася', txt: 'Привет!' },
    { name: 'Петя', txt: 'И тебе привет!' },
    { name: 'Вася', txt: 'Как дела?' },
    { name: 'Петя', txt: 'Хреново, мой хомяк заболел' },
    { name: 'Вася', txt: 'Аха-ха-ха' },
    { name: 'Петя', txt: 'Василий, вы - бесчувственная скотина!' },
  ];
}();

function showNextMsg() {
  let m = msg.next();
  if (!m.done) {
    userName.textContent = m.value.name;
    userMessage.textContent = m.value.txt;
  }
}

showNextMsg();
document.addEventListener('keydown', function(evt) {
  if (evt.code === 'Enter') {
  	showNextMsg()
  }
});