{"id":358,"date":"2013-03-03T09:17:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=358"},"modified":"2013-03-03T09:17:00","modified_gmt":"1970-01-01T00:00:00","slug":"javascript-ile-kelime-calisma-programi","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2013\/03\/03\/javascript-ile-kelime-calisma-programi\/","title":{"rendered":"JavaScript ile Kelime \u00c7alisma Programi"},"content":{"rendered":"<h2>\n\tJavaScript ile Kelime &Ccedil;alisma Programi<\/h2>\n<h4>\n\tA&ccedil;iklama:<\/h4>\n<p>\n\tJavascript ve html ile basit bir kelime &ccedil;alisma programi yapabilir miyiz?..<br \/>\n\tEvet!<br \/>\n\tYapabiliriz.<\/p>\n<p>\n\tDil sinavlarinin ardi arkasinin kesilmedigi &uuml;lkemizde, &ouml;zellikle ingilizce kelime &ccedil;alisan<br \/>\n\tkisiler, hazir kelimelerden &ccedil;ok kendi istedikleri kelimeleri &ccedil;alismak istiyor.<br \/>\n\tBu isi g&ouml;ren &ccedil;ok profesyonel uygulamalar webde mevcut. Bizimkisi ise d&uuml;nyaya minik bir hediye olacak.<br \/>\n\tBirilerinin isine yaramasi dilegiyle..<\/p>\n<h3>\n\tKullanim sekli:<\/h3>\n<p>\n\tKelimeler su formata uygun girilmelidir:<br \/>\n\t[kelime]:[anlami]<br \/>\n\t[kelime]:[anlami]<br \/>\n\t&#8230;<\/p>\n<h4>\n\t&Ouml;rnek:<\/h4>\n<p>\n\tcall:&ccedil;agirmak<br \/>\n\tpage:sayfa<br \/>\n\tdelete:silmek<br \/>\n\tperfect:m&uuml;kemmel<\/p>\n<p>\n\tHer kelimeden sonra bir alt satira ge&ccedil;ilmelidir.<\/p>\n<h4>\n\tKod kismi:<\/h4>\n<p>\n\tUygulama girilen kelimeleri &ccedil;erezlerde(cookie) tutar.<br \/>\n\tbu kod par&ccedil;asinda javascript ve html ile ilgili asagidaki isleri yapan kodlar mevcuttur:<\/p>\n<ul>\n\t<li>\n\t\t&nbsp;cookie yazma ve okuma<\/li>\n\t<li>\n\t\t&nbsp;string parse islemleri<\/li>\n\t<li>\n\t\t&nbsp;dom tree modifikasyonu<\/li>\n\t<li>\n\t\t&nbsp;jquery ve javascript karisik kullanimi<\/li>\n\t<li>\n\t\t&nbsp;html<\/li>\n\t<li>\n\t\t&nbsp;css class<\/li>\n\t<li>\n\t\t&nbsp;click event<\/li>\n\t<li>\n\t\t&nbsp;array<\/li>\n\t<li>\n\t\t&nbsp;string split, slice, replace<\/li>\n<\/ul>\n<h4>\n\tDemo :<\/h4>\n<p>\n\t<a href=\"http:\/\/yazilimmutfagi.com\/demo\/\/kelime_calisma\/\/kelime_calisma.html\">http:\/\/yazilimmutfagi.com\/demo\/\/kelime_calisma\/\/kelime_calisma.html<\/a><\/p>\n<h4>\n\tKaynak KOD:<\/h4>\n<pre class=\"brush:html\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&nbsp;&nbsp; &nbsp;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=windows-1254&quot; \/&gt;\n\n&lt;title&gt;&lt;\/title&gt;\n&lt;script type=&quot;text\/javascript&quot; src=&quot;http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.1\/jquery.min.js&quot;&gt;\n&lt;\/script&gt;\n\n&lt;script type=&quot;text\/javascript&quot;&gt;\n\nfunction setCookie(name,value,days) {\nif (days) {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var date = new Date();\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; date.setTime(date.getTime()+(days*24*60*60*1000));\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var expires = &quot;; expires=&quot;+date.toGMTString();\n}\nelse var expires = &quot;&quot;;\ndocument.cookie = escape(name)+&quot;=&quot;+escape(value)+expires+&quot;; path=\/&quot;;\n}\n\nfunction getCookie(name) {\nvar nameEQ = escape(name) + &quot;=&quot;;\nvar ca = document.cookie.split(&#39;;&#39;);\nfor(var i=0;i &lt; ca.length;i++) {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var c = ca[i];\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while (c.charAt(0)==&#39; &#39;) c = c.substring(1,c.length);\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length,c.length));\n}\nreturn null;\n}\n\nfunction eraseCookie(name) {\ncreateCookie(name,&quot;&quot;,-1);\n}\n&lt;\/script&gt;\n\n&lt;script type=&quot;text\/javascript&quot;&gt;\n\n\nfunction removeTurkishChars(x){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2=x;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;&ouml;&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;&ouml;&quot;,&quot;o&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;&uuml;&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;&uuml;&quot;,&quot;u&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;i&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;i&quot;,&quot;i&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;g&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;g&quot;,&quot;g&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;&ccedil;&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;&ccedil;&quot;,&quot;c&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;s&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;s&quot;,&quot;s&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;return p2;\n}\n\n\n$(document).ready(function(){\n&nbsp;&nbsp; &nbsp;$(&quot;#btnKaydet&quot;).click(function(){\n&nbsp;&nbsp; &nbsp;var words = document.getElementById(&quot;taKelimeler&quot;).value;\n&nbsp;&nbsp; &nbsp;var lines = words.split(&quot;\\n&quot;);\n&nbsp;&nbsp; &nbsp;if(words.length&gt;2000){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;alert(&quot;girilen metin 2000 karakteri ge&ccedil;emez! Su an &quot;+words.length + &quot; karakter girilmis.&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;return;\n&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;words = &quot;&quot;;\n&nbsp;&nbsp; &nbsp;for(var i=0;i&lt;lines.length;i++){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/var parts = lines[i].split(&quot;:&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(lines[i].indexOf(&quot;:&quot;)==0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;alert(&quot;girilen kelimelerde hata var! Hatali kelime:&quot;+lines[i]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;return;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var p1 = lines[i].slice(0,lines[i].indexOf(&quot;:&quot;));\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var p2 = lines[i].slice(lines[i].indexOf(&quot;:&quot;)+1,lines[i].length);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(p2.indexOf(&quot;:&quot;)&gt;0){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = p2.replace(&quot;:&quot;,&quot;;&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = removeTurkishChars(p1);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p2 = removeTurkishChars(p2);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(p1 ==undefined || p2 ==undefined){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;alert(&quot;girilen kelimelerde hata var! Hatali kelime:&quot;+lines[i]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;return;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;words = words + p1 + &quot;:&quot; + p2 + &quot;\\n&quot;;\n&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;words = words.slice(0,words.length-1);\n&nbsp;&nbsp; &nbsp;if(lines.length&lt;4){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;alert(&#39;en az 4 kelime girilmelidir!&#39;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;return;\n&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;setCookie(&quot;kelimeCalisWords&quot;, words ,21);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;alert(&#39;kaydedildi!&#39;);\n&nbsp;&nbsp; &nbsp;});\n});\n\nfunction shuffleArray ( myArray ) {\n&nbsp; var i = myArray.length, j, tempi, tempj;\n&nbsp; if ( i == 0 ) return false;\n&nbsp; while ( --i ) {\n&nbsp;&nbsp;&nbsp;&nbsp; j = Math.floor( Math.random() * ( i + 1 ) );\n&nbsp;&nbsp;&nbsp;&nbsp; tempi = myArray[i];\n&nbsp;&nbsp;&nbsp;&nbsp; tempj = myArray[j];\n&nbsp;&nbsp;&nbsp;&nbsp; myArray[i] = tempj;\n&nbsp;&nbsp;&nbsp;&nbsp; myArray[j] = tempi;\n&nbsp;&nbsp; }\n}\n\n$(document).ready(function(){\n&nbsp;&nbsp; &nbsp;$(&quot;#btnGoster&quot;).click(function(){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var words= getCookie(&quot;kelimeCalisWords&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var lines = words.split(&quot;\\n&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;shuffleArray(lines);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;document.getElementById(&quot;divKelimeler&quot;).innerHTML = &quot;&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var ul = document.createElement(&quot;ul&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;ul.setAttribute(&quot;id&quot;,&quot;ticker&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/ul.setAttribute(&quot;style&quot;,&quot;none&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;ul.style.listStyle=&quot;none&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;ul.style.margin=&quot;0px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;ul.style.padding=&quot;0px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;document.getElementById(&quot;divKelimeler&quot;).appendChild(ul);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for(var j =0;j&lt;lines.length;j++){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var li = document.createElement(&quot;li&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;ul.appendChild(li);&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var parts = lines[j].split(&quot;:&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var btn = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn.setAttribute(&quot;value&quot;,parts[0]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn.setAttribute(&quot;type&quot;,&quot;button&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn.setAttribute(&quot;class&quot;,&quot;widthInput&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/btn.style.width =&quot;240px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn.style.backgroundColor =&quot;orange&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn.setAttribute(&quot;onclick&quot;,&quot;alert(&#39;&quot;+parts[1]+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;li.appendChild(btn);li.appendChild(document.createElement(&quot;br&quot;));\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var r1=0;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var r2=0;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var r3=0;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;while(true){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;r1 = Math.floor((Math.random()*10)+1) % lines.length;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;r2 = Math.floor((Math.random()*10)+1) % lines.length;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;r3 = Math.floor((Math.random()*10)+1) % lines.length;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(r1!=r2 &amp;&amp; r1!=r3 &amp;&amp; r2!=r3){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(r1 != j &amp;&amp; r2 != j &amp;&amp; r3 != j) break;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rw1 = lines[r1].split(&quot;:&quot;)[1];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rw2 = lines[r2].split(&quot;:&quot;)[1];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rw3 = lines[r3].split(&quot;:&quot;)[1];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rw4 = parts[1];\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rk1 = lines[r1].split(&quot;:&quot;)[0];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rk2 = lines[r2].split(&quot;:&quot;)[0];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rk3 = lines[r3].split(&quot;:&quot;)[0];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rk4 = parts[0];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op1Text = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1Text.setAttribute(&quot;type&quot;,&quot;text&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1Text.setAttribute(&quot;value&quot;,rw1);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1Text.setAttribute(&quot;disabled&quot;,true);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1Text.setAttribute(&quot;id&quot;,&quot;op1Text&quot;+j);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op1 = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1.setAttribute(&quot;type&quot;,&quot;radio&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1.setAttribute(&quot;name&quot;,parts[0]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1.setAttribute(&quot;onclick&quot;,&quot;colorize(&#39;op1Text&quot;+j+&quot;&#39;,&#39;&quot;+rw1+&quot;&#39;,&#39;&quot;+parts[1]+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op2Text = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2Text.setAttribute(&quot;type&quot;,&quot;text&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2Text.setAttribute(&quot;value&quot;,rw2);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2Text.setAttribute(&quot;disabled&quot;,true);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2Text.setAttribute(&quot;id&quot;,&quot;op2Text&quot;+j);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op2 = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2.setAttribute(&quot;type&quot;,&quot;radio&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2.setAttribute(&quot;name&quot;,parts[0]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2.setAttribute(&quot;onclick&quot;,&quot;colorize(&#39;op2Text&quot;+j+&quot;&#39;,&#39;&quot;+rw2+&quot;&#39;,&#39;&quot;+parts[1]+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op3Text = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3Text.setAttribute(&quot;type&quot;,&quot;text&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3Text.setAttribute(&quot;value&quot;,rw3);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3Text.setAttribute(&quot;disabled&quot;,true);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3Text.setAttribute(&quot;id&quot;,&quot;op3Text&quot;+j);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op3 = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3.setAttribute(&quot;type&quot;,&quot;radio&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3.setAttribute(&quot;name&quot;,parts[0]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3.setAttribute(&quot;onclick&quot;,&quot;colorize(&#39;op3Text&quot;+j+&quot;&#39;,&#39;&quot;+rw3+&quot;&#39;,&#39;&quot;+parts[1]+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op4Text = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4Text.setAttribute(&quot;type&quot;,&quot;text&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4Text.setAttribute(&quot;value&quot;,parts[1]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4Text.setAttribute(&quot;disabled&quot;,true);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4Text.setAttribute(&quot;id&quot;,&quot;op4Text&quot;+j);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op4 = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4.setAttribute(&quot;type&quot;,&quot;radio&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4.setAttribute(&quot;name&quot;,parts[0]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4.setAttribute(&quot;onclick&quot;,&quot;colorize(&#39;op4Text&quot;+j+&quot;&#39;,&#39;&quot;+rw4+&quot;&#39;,&#39;&quot;+parts[1]+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op1B = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1B.setAttribute(&quot;value&quot;,&quot;&gt;&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1B.setAttribute(&quot;type&quot;,&quot;button&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1B.style.width =&quot;20px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op1B.setAttribute(&quot;onclick&quot;,&quot;alert(&#39;&quot;+rk1+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op2B = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2B.setAttribute(&quot;value&quot;,&quot;&gt;&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2B.setAttribute(&quot;type&quot;,&quot;button&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2B.style.width =&quot;20px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op2B.setAttribute(&quot;onclick&quot;,&quot;alert(&#39;&quot;+rk2+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op3B = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3B.setAttribute(&quot;value&quot;,&quot;&gt;&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3B.setAttribute(&quot;type&quot;,&quot;button&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3B.style.width =&quot;20px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op3B.setAttribute(&quot;onclick&quot;,&quot;alert(&#39;&quot;+rk3+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var op4B = document.createElement(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4B.setAttribute(&quot;value&quot;,&quot;&gt;&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4B.setAttribute(&quot;type&quot;,&quot;button&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4B.style.width =&quot;20px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;op4B.setAttribute(&quot;onclick&quot;,&quot;alert(&#39;&quot;+rk4+&quot;&#39;);&quot;);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var options = {1:op1,2:op2,3:op3,4:op4};\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var optionsText = {1:op1Text,2:op2Text,3:op3Text,4:op4Text};\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var optionsB = {1:op1B,2:op2B,3:op3B,4:op4B};\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for(var g=1;g&lt;5;g++){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rx1 = Math.floor((Math.random()*10)+1) % 5;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(rx1==0) rx1++;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var rx2 = rx1+1;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(rx2==5) rx2=1;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(rx1!=rx2){\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var tmp1 = options[rx1];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var tmp2 = options[rx2];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;options[rx1] = tmp2;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;options[rx2] = tmp1;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var tmp1t = optionsText[rx1];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var tmp2t = optionsText[rx2];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsText[rx1] = tmp2t;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsText[rx2] = tmp1t;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var tmp1b = optionsB[rx1];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var tmp2b = optionsB[rx2];\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsB[rx1] = tmp2b;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsB[rx2] = tmp1b;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for(var g=1;g&lt;5;g++){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsText[g].style.backgroundColor =&quot;white&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsText[g].style.color =&quot;black&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsText[g].setAttribute(&quot;class&quot;,&quot;widthInput&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsB[g].style.backgroundColor =&quot;blue&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;optionsB[g].style.color =&quot;white&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;li.appendChild(options[g]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;li.appendChild(optionsText[g]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;li.appendChild(optionsB[g]);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;li.appendChild(document.createElement(&quot;br&quot;));&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var btnSonraki = document.createElement(&quot;button&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/btnSonraki.style.width =&quot;240px&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btnSonraki.innerHTML =&quot;sonraki&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btnSonraki.setAttribute(&quot;onclick&quot;,&quot;startTimer(0);&quot;);&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btnSonraki.setAttribute(&quot;class&quot;,&quot;widthInput&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;li.appendChild(btnSonraki);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}&nbsp;&nbsp; &nbsp;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;startTimer(0);\n&nbsp;&nbsp; &nbsp;});\n});\n\nfunction colorize(item,str1,str2){\n&nbsp;&nbsp; &nbsp;if(str1==str2){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;document.getElementById(item).style.backgroundColor=&quot;green&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;}else{\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;document.getElementById(item).style.backgroundColor=&quot;red&quot;;\n&nbsp;&nbsp; &nbsp;} &nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;document.getElementById(item).style.color=&quot;white&quot;;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n}\n\n$(document).ready(function(){\n&nbsp;&nbsp; &nbsp;$(&quot;#btnSonuclar&quot;).click(function(){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var dogruSayisi =0;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var yanlisSayisi =0;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var hamleSayisi = 0;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var inputs = document.getElementById(&quot;divKelimeler&quot;).getElementsByTagName(&quot;input&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for(var j=0;j&lt;inputs.length;j++){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/alert(inputs[j].innerHTML);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(inputs[j].type==&quot;text&quot;){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;hamleSayisi++;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(inputs[j].style.backgroundColor==&quot;green&quot;){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;dogruSayisi++;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(inputs[j].style.backgroundColor==&quot;red&quot;){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;yanlisSayisi++;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var skor = Math.floor( 100* ( (dogruSayisi*3-yanlisSayisi) \/ (hamleSayisi*3\/4) ) );\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;alert(&quot;SORU SAYISI: &quot;+hamleSayisi\/4 + &quot;\\nDOGRU YANIT:&quot;+dogruSayisi+&quot;\\nYANLIS TIKLAMA:&quot;\n+yanlisSayisi+&quot;\\nSKOR:%&quot;+skor);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;});\n});\n\n$(document).ready(function(){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;$(&quot;#btnKelimeGosterGizle&quot;).click(function(){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var myEl = document.getElementById(&quot;divKelimeKaydet&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var myEl2 = document.getElementById(&quot;btnKaydet&quot;);\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var myEl3 = document.getElementById(&quot;btnKelimeGosterGizle&quot;);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var vis = document.getElementById(&quot;divKelimeKaydet&quot;).style.visibility;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if(myEl.style.visibility == &quot;hidden&quot;){\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/show\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;myEl.style.visibility = &quot;visible&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/myEl.style.float =&quot;none&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;myEl2.style.visibility = &quot;visible&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;myEl3.style.width= &quot;120px&quot;;\/\/+Math.floor(myEl3.style.width\/2);\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}else{\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;myEl.style.visibility = &quot;hidden&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/myEl.style.float =&quot;center&quot;;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;myEl2.style.visibility = &quot;hidden&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;myEl3.style.width=&quot;240px&quot;;\/\/+Math.floor(myEl3.style.width*2);\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;});\n});\n\n$(document).ready(function(){\n&nbsp;&nbsp; &nbsp;&nbsp; var words = getCookie(&#39;kelimeCalisWords&#39;);\n&nbsp;&nbsp; &nbsp;&nbsp; if(words == undefined){\n&nbsp;&nbsp; &nbsp;&nbsp; words = &quot;call:&ccedil;agirmak\\nread:okumak\\nselect:se&ccedil;mek\\nperfect:m&uuml;kemmel\\ncomment:a&ccedil;iklama\\nignite:ateslemek&quot;;\n&nbsp;&nbsp; &nbsp;&nbsp; setCookie(&#39;kelimeCalisWords&#39;,words,21);\n&nbsp;&nbsp; &nbsp;&nbsp; }\n&nbsp; document.getElementById(&quot;taKelimeler&quot;).value = words;&nbsp;&nbsp; &nbsp;\n});\n\n\nfunction startTimer(idx){\n&nbsp;&nbsp; &nbsp;$(&#39;#ticker li:first&#39;).slideUp( function () { $(this).appendTo($(&#39;#ticker&#39;)).slideDown(); });\n&nbsp;&nbsp; &nbsp;\/\/$(&#39;#ticker li:first&#39;).slideUp();\n\n&nbsp;&nbsp; &nbsp;\/\/var tickerList = document.getElementById(&quot;ticker&quot;);\n&nbsp;&nbsp; &nbsp;\/\/var tickerListItems = document.getElementsByTagName(&quot;li&quot;);\n&nbsp;&nbsp; &nbsp;\/\/var len = tickerListItems.length;\n&nbsp;&nbsp; &nbsp;\/\/if(len-1==idx) {alert(&#39;sorular bitti.&#39;); return;}\n&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;\/\/for(var i=0;i&lt;len;i++){\n&nbsp;&nbsp; &nbsp;\/\/&nbsp;&nbsp; &nbsp;tickerListItems[i].style.visibility = &quot;hidden&quot;;\n&nbsp;&nbsp; &nbsp;\/\/}\n&nbsp;&nbsp; &nbsp;\/\/tickerListItems[idx].style.visibility = &quot;visible&quot;;\n&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;\/\/idx++;\n&nbsp;&nbsp; &nbsp;\/\/setInterval(function(){ startTimer ((idx)) }, 2000);\n}\n\nfunction ilerlet(){\n&nbsp;&nbsp; &nbsp;\n}\n\n\n&lt;\/script&gt;\n\n&lt;style&gt;\nbutton\n{\n&nbsp;&nbsp; &nbsp;background:purple;\n&nbsp;&nbsp; &nbsp;color:white;\n&nbsp;&nbsp; &nbsp;width:118px;\n&nbsp;&nbsp; &nbsp;margin:0px;\n&nbsp;&nbsp; &nbsp;padding:0px;\n}\n#ticker {\n&nbsp;&nbsp;&nbsp; height: 160px;\n&nbsp;&nbsp;&nbsp; overflow: hidden;\n}\n#ticker li {\n&nbsp;&nbsp;&nbsp; height: 160px;\n}\n\n.widthInput{\n&nbsp;&nbsp; &nbsp;width:500px;\n}\n\n\n&lt;\/style&gt;\n\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;div&gt;\n&nbsp;&nbsp; &nbsp;&lt;button id=&quot;btnKelimeGosterGizle&quot;&gt;G&ouml;ster\/Gizle&lt;\/button&gt;\n&nbsp;&nbsp; &nbsp;&lt;button id=&quot;btnKaydet&quot;&gt;Kelimeleri Kaydet&lt;\/button&gt;\n&lt;\/div&gt;\n&lt;div id=&quot;divKelimeKaydet&quot;&gt;\n&nbsp;&nbsp; &nbsp;&lt;textarea rows=&quot;8&quot; cols=&quot;40&quot; id=&quot;taKelimeler&quot; class=&quot;widthInput&quot; &gt;&lt;\/textarea&gt;\n&lt;\/div&gt;\n&lt;div id=&quot;divKelimeGoster&quot;&gt;\n&lt;button id=&quot;btnGoster&quot;&gt;Kelimeleri G&ouml;ster&lt;\/button&gt;\n&lt;button id=&quot;btnSonuclar&quot;&gt;Sonu&ccedil; Hesapla&lt;\/button&gt;\n\n\n&lt;div id=&quot;divKelimeler&quot;&gt;\n\n&lt;\/div&gt;\n\n&lt;\/div&gt;\n&lt;div id=&quot;divSkor&quot;&gt;&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Javascript ve html ile basit bir kelime &#231;alisma programi yapabilir miyiz?..Evet! Yapabiliriz.<br \/>\nDil sinavlarinin ardi arkasinin kesilmedigi &#252;lkemizde, &#246;zellikle ingilizce kelime &#231;alisan<br \/>\nkisiler, hazir kelimelerden &#231;ok kendi istedikleri kelimeleri &#231;alismak istiyor.<br \/>\nBu isi g&#246;ren &#231;ok profesyonel uygulamalar webde mevcut. Bizimkisi ise d&#252;nyaya minik bir hediye olacak.<br \/>\nBirilerinin isine yaramasi dilegiyle..<\/p>\n","protected":false},"author":536,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[408],"tags":[4703,3932,4817,4076,5421],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/358"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/536"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/358\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}