AI Natural Language Question

by codingdude

HTML

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/qna"></script>
<textarea name="passage"  cols="60" rows="10"></textarea>
<br/>
<input type="text" name="question" placeholder="Input your question" />
<button onclick="start()">Submit</button>

<p class="answer"></p>

JavaScript

var passage = `MacBook Air is a good laptop for programming because it has a large display resolution, light weight, enough storage, good CPU and be comfortable to work with for extended periods.`
var question = "Who is the CEO of Google?"
var _model;
document.querySelector("textarea[name=passage]").innerHTML = passage;
document.querySelector(".answer").innerHTML = "loading model...";
qna.load().then(model => {
  _model = model;
  document.querySelector(".answer").innerHTML = "ready!";
});
function start(){
	document.querySelector(".answer").innerHTML = "thinking...";
  passage = document.querySelector("textarea[name=passage]").value;
  question = document.querySelector("input[name=question]").value;
    // Find the answers
    _model.findAnswers(question, passage).then(answers => {
      console.log('Answers: ', answers);
      if (answers.length >0){
      	document.querySelector(".answer").innerHTML = answers[0].text;
      } else {
      	document.querySelector(".answer").innerHTML = "unable to answer";
      }
    });
}