<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function sample(){
n=0;
google.script.run
.withSuccessHandler(function(x) {
pic(x[n]);
$('#plus').click(function(){
number=x.length
n=n+1;
if(n>number-1)n=0;
pic(x[n]);
});
$('#ten').click(function(){
number=x.length
n=n+10;
if(n>number-1)n=0;
pic(x[n]);
});
$('#minus').click(function(){
number=x.length
n=n-1;
if(n<0)n=0;
pic(x[n]);
});
})
.withFailureHandler(function(msg) {})
.step();
}
function pic(idx){
str="<img src=\"https://drive.google.com/uc?export=view&id="+idx+"\""+" width=\"1000\" height=\"1000\"/>";
$("#memo").html(str);
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>TODO</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body onload="sample()">
<button class="mdl-button mdl-js-button mdl-button--raised" id="plus">
+
</button>
<button class="mdl-button mdl-js-button mdl-button--raised" id="ten">
10+
</button>
<button class="mdl-button mdl-js-button mdl-button--raised" id="minus">
-
</button>
<p id="memo"></p>
<?!= HtmlService.createHtmlOutputFromFile('sample').getContent(); ?>
</body>
</html>
最終更新：2018年05月19日 10:54
