3つのRで

ギフトID表示ページ source

以下<html>から</html>までの範囲をコピーしてエディタに貼り付けて下さい。

<html>
<head><title>Display nanaco giftID (Ver. 1.0)</title></head>
<body>

<form name="giform" onsubmit="return false">
<label for="numberInput">processed giftId:</label>
<input name="processed" type="number" value = "0"/>
<input name="gifile" type="file" />
<button id="gibtn">set giftId</button>
<textarea name="gi01" rows="1" cols="4"></textarea>
<textarea name="gi02" rows="1" cols="4"></textarea>
<textarea name="gi03" rows="1" cols="4"></textarea>
<textarea name="gi04" rows="1" cols="4"></textarea>
</form>

<script>
// ギフトIDの最大数
var gi_max = 100;
// 処理済み数
var offset = 0;
// ギフトID用配列
var giArr;
// 参照用インデックス
var k;

// Form要素を取得する
var form = document.forms.giform;

// 処理済み数が変更されたときの処理
form.processed.addEventListener('change', function(e) {
// 処理済み数の読み出し
offset = Number(form.processed.value);
// 参照用インデックスの初期化
k = offset;
})

// ファイルが読み込まれた時の処理
form.gifile.addEventListener('change', function(e) {

// ギフトID用配列と参照用インデックスの初期化
giArr = new Array(gi_max);
k = offset;

// ファイル情報取得
var fileinfo = e.target.files[0];
// FileReaderのインスタンスを作成する
var reader = new FileReader();
// 読み込んだファイルの中身を取得する
reader.readAsText(fileinfo);

// ファイルの中身を取得後に処理を行う
reader.addEventListener('load', function() {
// 改行で分割して配列lineArrに格納
var lineArr = reader.result.split("\n");
for (var i = 0; i < lineArr.length; i++) {
// "-----"で始まる行まで読み飛ばし
if (lineArr[i].indexOf("-----") == 0) {
var j = 0;
// ギフトIDをgiArrに格納
for (i += 1; i < lineArr.length; i += 4) {
// "====="で始まる行が見つかったら処理終了
if (lineArr[i].indexOf("=====") == 0) {
i = lineArr.length;
} else {
giArr[j++] = lineArr[i];
// 配列を使い切ったら処理終了
if (j == gi_max) {
i = lineArr.length;
}
}
}}}
})
})

// ボタンが押された時の処理
form.gibtn.addEventListener('click', function() {
// 配列から処理済み数を考慮して一つ取り出す
var gistr = giArr[k++];
// 4桁ずつに分割して表示
form.gi01.textContent = gistr.substr(0, 4);
form.gi02.textContent = gistr.substr(4, 4);
form.gi03.textContent = gistr.substr(8, 4);
form.gi04.textContent = gistr.substr(12, 4);
})
</script>
</body>
</html>
▲このページのトップへ