カウント増加

ボタンを押すたびに数値があがっていくサンプル。

下記２種類のソースは同じ実行結果です。

▼グローバル変数で値を保持

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <script>
    var i = 0;
  </script>
  <simplelayout spacing="10"/>
  <button onclick="txt.setText(++i);">カウント</button>
  <text id="txt" fontsize="30" oninit="this.setText(i);"/>
  <button onclick="i=0;txt.setText(i);">リセット</button>
</canvas>

▼<attribute>で値を保持

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <attribute name="i" value="0"/>
  <simplelayout spacing="10"/>
  <button onclick="canvas.setAttribute('i',++canvas.i);">カウント</button>
  <text fontsize="30" text="${canvas.i}"/>
  <button onclick="canvas.setAttribute('i',0);">リセット</button>
</canvas>