2017-04-03 124 views
0

我正在嘗試創建一個簡單的輸入輸出web應用程序,並且已經很難獲得任何工作。這個想法是從textarea獲得用戶輸入,爲它添加一些簡單的html標籤,並將其輸出到另一個textarea。這只是爲了幫助一些同事簡化他們的業務。在Google Apps腳本中使用Javascript

我決定製作獨立的Google Apps腳本網絡應用程序,並使用HTML服務創建我的用戶界面。該計劃是在該HTML中運行Javascript。

我在W3schools的TryIt編輯器上測試了以下代碼,它工作正常。它在StackOverflow的「運行代碼片段」上運行時甚至可以工作。但是當我測試我的webapp時它不起作用。

幫助?

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
    <br> 
 
    <textarea rows=12 cols= 50 align=left id="input" placeholder='Insert text here...'></textarea> 
 
    <input type="button" value="Try It" onclick="myFunction()" /> 
 
    <textarea rows=12 cols= 50 align=right id="output" placeholder='Copy this text...' readonly></textarea> 
 
    </body> 
 
    <script type="text/JavaScript"> 
 
    <!-- 
 
    function myFunction() { 
 
     var x = document.getElementById("input").value; 
 
     document.getElementById("output").innerHTML = x; 
 
    } 
 
    --> 
 
    </script> 
 
</html>

+0

你的代碼在上面的代碼中工作正常。您需要確定自己網站的不同之處,或者鏈接到您的網站,以便其他人可以幫助找到問題的原因。但是這個問題肯定不在你的代碼中。 –

+0

就這樣沒有任何假設。你的Apps腳本編輯器中有2個「文件」嗎? 1個HTML文件和上面的代碼,第二個腳本文件帶有一個可以啓動html服務的函數? –

回答

1

好解決/問題很簡單。您的屬性值(如cols = 50)需要以引號括起來。像這樣:

cols ="50" 

您的修改代碼:

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
    <br> 
 
    <textarea rows="12" cols= "50" align="left" id="input" placeholder='Insert text here...'></textarea> 
 
    <input type="button" value="Try It" onclick="myFunction()" /> 
 
    <textarea rows="12" cols= "50" align="right" id="output" placeholder='Copy this text...' readonly></textarea> 
 
    </body> 
 
    <script type="text/JavaScript"> 
 
    <!-- 
 
    function myFunction() { 
 
     var x = document.getElementById("input").value; 
 
     document.getElementById("output").innerHTML = x; 
 
    } 
 
    --> 
 
    </script> 
 
</html>

這部作品的原因和前一個不工作的方式是谷歌HTMLservice評估的HTML代碼。使用您的HTML代碼,它評估您的文本區域,因爲這:

<textarea rows="12 cols= 50 align=left id="input" placeholder='Insert text here...'></textarea> 

正如你可以看到套行屬性

「12周的cols = 50 ALIGN =左ID =」

因此,當你運行你的函數時,它無法找到id =「input」的元素,並在控制檯中拋出一個錯誤。

希望有所幫助。

+0

謝謝傑克!就是這樣。我正在拉我的頭髮一個星期,試圖找出爲什麼它不起作用。 – user7810630