diff --git a/call.html b/call.html index dbced9a..1cfd862 100644 --- a/call.html +++ b/call.html @@ -7,7 +7,32 @@ -

Hello world!

+
+ ____ ____ ____ ____
+||X |||P |||U |||B ||
+||__|||__|||__|||__||
+|/__\|/__\|/__\|/__\|
+
+ + + +
+
+ + + + + +
+
+ diff --git a/call.js b/call.js index 5ae5953..4f9b67c 100644 --- a/call.js +++ b/call.js @@ -1,3 +1,32 @@ +function randint (from, to) { + return from + Math.floor((Math.random() * (to-from))); +} + +function choice (arr) { + let ri = randint(0, arr.length-1); + let ret = arr[ri]; + arr.splice(ri, 1); + return ret; +} + fetch("terms.json") .then(response => response.json()) - .then(terms => console.log("terms", terms)); + .then(terms => { + console.log("terms", terms); + let call = document.querySelector("#call"); + let template = call.querySelector(".phrase"); + for (var i=0; i<20; i++) { + let nn = template.cloneNode(true); + call.appendChild(nn); + nn.querySelector(".actor").innerHTML = choice(terms['actor']); + nn.querySelector(".action").innerHTML = choice(terms['action']); + if (randint(0, 2) == 0) { + nn.querySelector(".prefix").innerHTML = choice(terms['prefix']); + } else { + nn.querySelector(".prefix").remove(); + } + nn.querySelector(".sort").innerHTML = choice(terms['sort']); + nn.querySelector(".media").innerHTML = choice(terms['media']); + } + template.style.visibility = "hidden"; + });