爲什麼不是這個HTML按鈕的工作

Question

我正在通過James Ferreira的「Google Apps Script」工作。

到目前爲止，我已經發現了幾個與代碼示例有關的問題，並且能夠通過它們絆倒我。

我對HTML不太好，而且這個讓我很難過。

.GS

function startWorkflow() { 
var html = HtmlService.createTemplateFromFile('startWorkflow').evaluate() 
    .setTitle('Start Workflow').setWidth(300) 
    .setSandboxMode(HtmlService.SandboxMode.NATIVE); 
    ui.showSidebar(html); 
} 

的.html

<div id="wrapper"> 
<div> 
<span>Let's get started with your workflow. 
First; 
Add an approver by entering their email address 
in the Approvers box and clicking the add button. 
When you are done adding appovers, click the Start Workflow button.</span> 
</div> 
<br> 
<div> 
<span class="sectionHeader">Approvers</span><br> 
<div id="approvers"></div> 
<div> 
    <form id="addApprover"> 
    <input type="email" id="approver" placeholder="Email Address"> 
    <input type="submit" class="button blueButton" value="Add"> 
    </form> 
</div> 
<br> 
<div class="center"> 
    <span id="startButton" class="button redButton">Start Workflow</span> 
</div> 
</div> 

<?!= HtmlService.createHtmlOutputFromFile('styles').getContent(); ?> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 

styles.html

<style type="text/css"> 

.sectionHeader { 
color: #202020 ; 
font-size: 18px; 
text-decoration:underline; 
margin-bottom: 20px; 
} 

.button { 
color: #FFFFFF; 
font-size: 12px; 
moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
padding: 3px; 
border:0; 
} 

.blueButton { 
    background-color: #3366FF; 
} 

.redButton { 
background-color: #C80000; 
} 

.button:hover { 
    opacity:0.7; 
} 

.center { 
text-align: center: 
} 

#wrapper { 
    margin:2px 4px 3px 4px; 
    font-family: Verdana, Generva, sans-serif; 
} 

.reminder { 
    color: #FFFFFF; 
    background-color: #3366FF; 
    font-size: 10px; 
    moz-border-radius: 3x; 
    -webkit-border-radius: 3px; 
padding: 3px; 
} 

的問題是 「開始工作流程」 按鈕，我只有文本。

Answer 1

這是在HTML你引用：

<span id="startButton" class="button redButton">Start Workflow</span> 

跨度標籤確實喜歡onclick和onmouseup支持事件。它應該是這樣的：

<span id="startButton" class="button redButton" onmouseup="fncStartWorkFlow()">Start Workflow</span> 

需要有一個<script>標籤的相應的功能：

<script> 
    function fncStartWorkFlow() { 
    console.log('fncStartWorkFlow() ran!'); 
    //more code here 
    }; 
</script> 

進行這些更改，然後查看瀏覽器控制檯，看是否有消息打印到控制檯。