Chatbot: JavaScript

Events

// EVENTS (THINGS TO WATCH OUT FOR)
$(document).on("click", "#speak", recognize);
$(document).on("submit", "#user", send);

Application Functions

function recognize(){

  recognition.start();
  $(this).addClass("activated");

}

function send(e){

  e.preventDefault();

  var msg = $("#msg").val();

  if (msg == "") {

    return false;

  }

  $("#chat").append("YOU: ");
  $("#chat").append(msg);
  $("#chat").append("\n");

  $("#msg").val("");

  var path = "chris.k/eliza/chat.py";
  var url = "https://ocadu.goodcodeclub.com/chat/?path="+path+"&msg="+msg;

  $.ajax({
    url: url,
    success: insert
  });

}

function insert(output) {

  $("#chat").append("BOT: ");
  $("#chat").append(output);
  $("#chat").append("\n");
  $("#chat").scrollTop(999999999);

}

Speech-to-text Function

var recognition = new webkitSpeechRecognition();

recognition.onresult = function(e){

  console.log(e.results);

  var transcript = e.results[0][0].transcript;

  $("#msg").val(transcript);
  recognition.stop();
  $("#speak").removeClass("activated");
  $("#user").submit();

}