English test "to do/doing"

by Vladimir

HTML

<div class="phrase"></div>
<div class="button-wrapper">
<button data-value="to" data-key="37">&larr;<br />to do</button>
<button data-value="no" data-key="38">&uarr;<br />do</button>
<button data-value="ing" data-key="39">&rarr;<br />doing</button>
</div>
<div class="correct_answer">
  <b>Correct:</b> <span></span>
</div>
<audio ...

CSS

body {
  background: #FFF;
  font-family: Verdana, san-serif;
}
body.wrong {
  background: #FDD;
}
body.right {
  background: #DFD;
}
.phrase {
  margin: 50px 0 50px;
  font-size: 20px;
  text-align: center;
}
.button-wrapper {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.button-wrapper button {
  display: inline-block;
  font-size: 16px;
  text-align: center;
  background: #EEE;
  border-radius: 5px;
  margin:0 10px;
  padding: 5px 10px;
  border: 1px solid #888;
  cursor: pointer;
  min-width: 50px;
}
.correct_answer {
  padding: 30px 0 0;
  text-align: center;
  display:none;
}

JavaScript

var data = [
{p: "I decided ...", a: "to"},
{p: "He offered ...", a: "to"},
//{p: "She stopped ...", a: "ing"},
{p: "He helps ...", a: "to"},
{p: "She always forgets ...", a: "to"},
{p: "I hope ...", a: "to"},
{p: "They learn ...", a: "to"},
{p: "We need ...", a: "to"},
{p: "You plan ...", a: "to"},
{p: "He pretends ...", a: "to"},
{p: "She promised ...", a: "to"},
{p: "I remember ...", a: "to"},
{p: "We try ...", a: "to"},
{p: "I want ...", a: "to"},
{p: "He would like ...", a: "to"},
{p: "We started ...", a: "to|ing"},
{p: "I enjoy ...", a: "ing"},
{p: "He finished ...", a: "ing"},
{p: "I go on ...", a: "ing"},
{p: "She hates ...", a: "ing"},
{p: "We like ...", a: "ing"},
{p: "You love ...", a: "ing"},
{p: "He doesn't mind ...", a: "ing"},
{p: "You spend time ...", a: "ing"},
{p: "She stopped ...", a: "ing"},
{p: "They feel like ...", a: ""},
{p: "I must ...", a: "no"},
{p: "She should ...", a: "no"},
{p: "You will ...", a: "no"},
{p: "He can ...", a: "no"},
{p: "They would ...", a: "no"},
{p: "It's easy ...", a: "to"},
{p: "It's nice ...", a: "to"},
{p: "You may ...", a: "no"},
{p: "It's important ...", a: "to"},
{p: "It's funny ...", a: "to"},
{p: "It's interesting ...", a: "to"},
{p: "We admit ...", a: "ing"},
{p: "I avoid ...", a: "ing"},
{p: "They deny ...", a: "ing"},
{p: "We dislike ...", a: "ing"},
{p: "I enjoy ...", a: "ing"},
{p: "We feel like ...", a: "ing"},
{p: "I hate ...", a: "ing"},
{p: "They keep ...", a: "ing"},
{p: "I don't mind ...", a: "ing"},
{p: "They miss ...", a: "ing"},
{p: "I practise ...", a: "ing"},
{p: "We prefer ...", a: "ing"},
{p: "I recommend ...", a: "ing"},
{p: "We spend time ...", a: "ing"},
{p: "He stopped ... morning exersices.", a: "ing"},
{p: "He stopped ... an important call.", a: "to"},
{p: "I suggest ...", a: "ing"},
{p: "She gave up ...", a: "ing"},
{p: "He goes on ...", a: "ing"},
{p: "He can`t afford ...", a: "to"},
{p: "I agree ...", a: "to"},
{p: "We expect ...", a: "to"},
{p: "She refuses ...", a: "to"},
{p: "It...