plunkerで「chaplus api」

概要

plunkerで「chaplus api」叩いてみた。
練習問題やってみた。

練習問題

人工無脳とchatせよ。

写真

サンプルコード

var endpoint = "https://ohiapp0.herokuapp.com/chaplus?q=";

function send(msg) {
	var xhr = new XMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && xhr.status == 200)
		{
			showMessage(xhr.responseText);
		}
		else
		{
			//alert(xhr.readyState);
			//alert(xhr.status);
			//alert(xhr.responseText);
		}
	};
  var uri = endpoint + msg;
	xhr.open("GET", uri, true);
	xhr.send();
	//alert("ok");
}

document.forms.publish.onsubmit = function() {
  let outgoingMessage = this.message.value;
  showMessage(outgoingMessage);
  send(outgoingMessage);
  this.message.value = '';
  return false;
};

function showMessage(message) {
  let messageElem = document.createElement('div');
  messageElem.textContent = message;
  document.getElementById('messages').appendChild(messageElem);
}
showMessage("start");

フロー

成果物

以上。