-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (97 loc) · 3.14 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<base target="_top">
</head>
<body>
<div style="padding: 10px;">
<h2 id="to">準備抽獎</h2>
<button class="action" onClick="go()">抽獎</button>
</div>
<p></p>
<hr>
<div class="form-group">
<input type="checkbox" id="isWriteToColumn" checked>
<label for="isWriteToColumn">將#序號寫入指定欄位</label>
</div>
<p></p>
<div class="inline form-group">
<label for="min">從第</label>
<input type="text" id="min" value="2" style="width: 60px;"/>
</div>
<div class="inline form-group">
<label for="max">到第</label>
<input type="text" id="max" value="100" style="width: 60px;"/>
</div>
<div class="inline form-group">
<label id="col" for="column">寫入指定欄位</label>
<input type="text" id="column" value="E" style="width: 80px;"/>
</div>
<p></p>
<div class="form-group">
<button class="create" onClick="reset()">重置所有設定</button>
</div>
<div>
<p class="gray">程式設計 by Wei Li ([email protected])</p>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script>
var list = [];
var maxNum = 100;
var minNum = 2;
var counter = 0;
var column = 'E';
var runner = google.script.run;
function onload(data) {
if (!$.isEmptyObject(data)) {
list = JSON.parse(data.list);
maxNum = data.maxNum;
minNum = data.minNum;
counter = data.counter;
column = data.writeColumn;
$('#min').val(minNum);
$('#max').val(maxNum);
$('#column').val(column);
$('#isWriteToColumn').prop('checked', JSON.parse(data.isWriteToColumn));
}
};
runner.withSuccessHandler(onload).getUserData();
var setNum = function() {
minNum = parseInt($('#min').val());
maxNum = parseInt($('#max').val());
}
var setColumn = function() {
column = $('#column').val();
}
var reset = function() {
runner.withSuccessHandler().resetUserData();
list = [];
maxNum = 100;
minNum = 2;
counter = 0;
column = 'E';
$('#min').val(minNum);
$('#max').val(maxNum);
$('#column').val(column);
$('#isWriteToColumn').prop('checked', true);
}
var go = function() {
setNum();
setColumn();
var isWriteToColumn = $('#isWriteToColumn').prop('checked');
var id = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
if (_.indexOf(list, id) === -1) {
counter++;
list.push(id);
$('#to').text("#" + counter + " 恭喜第 " + id + " 號中獎!");
var listJson = JSON.stringify(list);
runner.withSuccessHandler().lotto((column + id), counter, isWriteToColumn, column, listJson, minNum, maxNum);
} else {
$('#to').text("重複了,請重抽!");
}
};
</script>
</body>
</html>