JSON > update value

by Hugo Lopez

HTML

<link rel="stylesheet" href="http://jquerymobile.com/demos/1.3.0-beta.1/css/themes/default/jquery.mobile-1.3.0-beta.1.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.0/mustache.min.js"></script>
<button class="status1" lexeme="火">火</button>
<button class="status1" lexeme="是">是</button>
<button class="status1" lexeme="嗎">嗎</button>
<button class="status1" lexeme="山">山</button>
<button class="status1" lexeme="爸">爸</button>
<button class="status1" lexeme="口">口</button>
<button class="status1" lexeme="用">用</button>
<button class="status1" lexeme="肉">肉</button>
<button class="status1" lexeme="太">太</button>
<button class="status1" lexeme="紅">紅</button>
<button class="status1" lexeme="陽">陽</button>
<button lexeme="氣">氣</button>
<button class="status1" lexeme="雞">雞</button>
<button class="status1" lexeme="燒">燒</button>
<button lexeme="不">不</button>
<button lexeme="在">在</button>
<button lexeme="他">他</button>
<button lexeme="該">該</button>
<div id="container"></div>
<br />Red is unknow, green is know.
<br />Changes are waved into both :
<li>CSS and</li>
<li>localStorage> JSON > character > status: value.</li>
<li>for character "口"</li>Awesome !


<button lexeme="'+unicodeFlakes[i]+'">'+unicodeFlakes[i]+'</button>

CSS

button {
    font-size: 6em;
}
.status0 {
    color: green;
}
.status1 {
    color: red;
}

#container { border: 3px solid red; }

TO DO: * Done: get the character from the parent/button's ID.

Jhova

JavaScript

var unicodeFlakes = ['火', '的', '山', '首', '页', '鍺', '是', '一', '種', '化', '學', '元', '素', '化', '學', '符', '號', '是', '原', '子', '序', '數', '是', '它', '是', '一', '種', '灰', '白', '色', '類', '金', '屬', '有', '光', '澤', '質', '硬', '屬', '於', '碳', '族', '化', '學', '性', '質', '與', '同', '族', '的', '錫', '與', '矽', '相', '近', '在', '自', '然', '中', '鍺', '共', '有', '五', '種', '同', '位', '素']


for (var i in unicodeFlakes) {
    $('#container').append('<button lexeme="'+unicodeFlakes[i]+'">'+unicodeFlakes[i]+'</button>');
    i = i+1;
}
/* */

/*      _________________________ONGOING:____________________________        
function pushCharList(charList, $containerId, tplId){
    for (var i in charList) {
        $containerId.append("'"tplId"'");
        i = i+1;
    }
}

var tpl = '<button lexeme="'+unicodeFlakes[i]+'">'+unicodeFlakes[i]+'</button>';
pushCharList(unicodeFlakes, $("#container"), tpl);
/*      ____________________________________________________________         */



var jsonStatus = [ /* Char status and rank */
  { 'zh': '火', 'status': 0.01, 'rank': 50 }, /* easy = 0.1 ; part = 0.5 ; news = 1 */
  { 'zh': '是', 'status': 0.01, 'rank': 23 },
  { 'zh': '嗎', 'status': 1, 'rank': 40 },
  { 'zh': '山', 'status': 0.01, 'rank': 60 },
  { 'zh': '爸', 'status': 1, 'rank': 80 },
  { 'zh': '口', 'status': 0.01, 'rank': 160 },
  { 'zh': '用', 'status': 0.01, 'rank': 130 },
  { 'zh': '肉', 'status': 1, 'rank': 160 },
  { 'zh': '太', 'status': 0.01, 'rank': 60 },
  { 'zh': '紅', 'status': 1, 'rank': 124 },
  { 'zh': '陽', 'status': 1, 'rank': 200 },
  { 'zh': '氣', 'status': 1, 'rank': 233 },
  { 'zh': '雞', 'status': 0.01, 'rank': 314 },
  { 'zh': '燒', 'status': 1, 'rank': 602 }
];
   
    /* To store JSON in localStorage, you compress it as string */
    localStorage["results"] = JSON.stringify(jsonStatus); // or lS.restults
    //    alert("1. On load JSON:" + localStorage["results"]); 

    /* Whenever you want to work on it, need to uncompress the JSON */
    var json =...