๐Ÿ“š
์œ„๋‹ˆ๋ธŒ ์ฑ… ๋ชจ์Œ(๊ณต๊ฐœ ๋งํฌ)/
๐ŸŒต
google sheets๋กœ ๋งŒ๋“œ๋Š” blog ์‚ฌ์ดํŠธ/
๋ฒ„ํŠผ ๋งŒ๋“ค๊ณ  ๋กœ๊ทธ ํ™•์ธํ•˜๊ธฐ

๋ฒ„ํŠผ ๋งŒ๋“ค๊ณ  ๋กœ๊ทธ ํ™•์ธํ•˜๊ธฐ

์ฒซ๋ฒˆ์งธ ์˜ˆ์ œ

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <h1>hello</h1>

    <button id="btn">Run</button>

    <script>
      document.getElementById('btn').addEventListener('click', doStuff);

      function doStuff(){
        google.script.run.userClicked();
      }
    </script>

  </body>
</html>
function doGet(e) {
  Logger.log(e);
  return HtmlService.createHtmlOutputFromFile('page');
}

function userClicked(){
  Logger.log('hello world!');
}
 

2๋ฒˆ์งธ ์˜ˆ์ œ

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <h1>hello</h1>

    <label for="username">name : </label>
    <input type="text" id="username">
    <button id="btn">Run</button>

    <script>
      document.getElementById('btn').addEventListener('click', doStuff);

      function doStuff(){
        var uname = document.getElementById('username').value;
        google.script.run.userClicked(uname);
        document.getElementById('username').value = '';
      }
    </script>

  </body>
</html>
 
function doGet(e) {
  Logger.log(e);
  return HtmlService.createHtmlOutputFromFile('page');
}

function userClicked(name){
  Logger.log(name + 'hello world!');
}