Pigmaleon

by dkunin

HTML

<div id="response"></div>
<table border=1 width="100%" height="100%">
    <tr><td rowspan=2 id="questions">2</td><td>1</td><td>1</td></tr>
    <tr><td colspan=2 id="response"></td></tr>
    <tr><td colspan=3>2</td></tr>
</table>
<script type="template" id="questiont">
    <a onclick='answer("1")';>{{question}}</a><br>
</script>

JavaScript

var Person = {questions:["В чем смысл жизни?","Какой продукт Вам был бы интересен?"],answers:["Откуда мне знать то?","Вот такой вот"],thoughts:["Глупость какая","Нормальный вопрос"]}
    

      template = document.querySelector('#questiont').innerHTML,
      result = document.querySelector('#questions'),
      i = 0, len = Person.questions.length,


      fragment = '';

  for ( ; i < len; i++ ) {
    fragment += template
      .replace( /\{\{question\}\}/g, Person.questions[i] )
        .replace( /\{\{link\}\}/g, Person.thoughts[i] )
       // alert(Person.thoughts[i])
  }

  result.innerHTML = fragment;


function answer(hows){
alert(hows)
//result = document.querySelector('#response'),
  //   result.innerHTML = how;
     
}
answer("asd")