How to pass a parameter to html?

Question

I have a script that uses the file picker but I need to pass a specific parameter which is called userId and is kept as a global variable in the calling script.

Answer 1

By Appending to the HTML File, as shown below.

within Code.gs

function showDialog() {
    var html = HtmlService.createHtmlOutputFromFile('html-sample')
                .setSandboxMode(HtmlService.SandboxMode.IFRAME)
                .setWidth(600)
                .setHeight(425);

    var data = "Hello World!";
    var strAppend = "
" + data + "
";
    html.append(strAppend);

   var title = "Demo";
   SpreadsheetApp.getUi().showModalDialog(html, title); // or DocumentApp or SlidesApp or FormApp.
}

html-sample.html

   
      
   
   
      
Sample Text

      Try Now!
   

Click the 'Try Now!' Button and See the Magic!