給文科生的十四堂 javascript 課：第一堂

先按一下下 面的這個區塊：

請 按我一下

於是你會看到，字體的顏色變紅了。對，這就是文本的互動。

本課程想教你這樣的一種「新的」「寫作模式」。

為什麼說這是「新的」「寫作模式」呢？

來，我們為什麼要寫作呢？吃飯沒事幹嗎？非也。寫作是為了想溝通。那麼，溝通什麼呢？溝通一種「意義」的交流。換言之，讓「意義」在作者和讀者之間，交流；更重要 的是，在交流中，意義是不變的。

只有在交流中的意義是沒有變動的，談「意義」的交流，才有意義。否則，那可以是什麼XX的交流，但就不會是意義的交流。

以上談是寫作。

但為什麼，按一下就變色這樣的「發生事件」，可以被我稱之為是「新的」「寫作模式」呢？

因為，在上一個例子中，如果，那按一下的過程，真的有什麼「意義」在這過程中被交流著在作者與讀者之間，那麼，「按一下」既然傳達出了意義，所以也是一種寫作。

可以吧！

但，說是「新的」是新在那裡呢？

因為，意義的產生過程中，有一個「必要的」構成元素：互動。

沒有互動，你就看不到「字變紅了」，你就無法由字的不紅到字的紅這一變化過程，獲取意義。互動是這意義獲取過程的必要的被設置進入文本的「媒材」。

在數位文本以前，沒有人，是透過「互動媒材」來讓文本進行意義的傳達。這種文本傳達意義模式，從一種歷史眼光而言，可以稱之為是「新的」。

在一般而言的教育學習過程中，你並沒有學到用「互動媒材」的方式來寫作。你會用好的成語，會用好的遣詞，甚至是好的插畫。但，你不會用「互動媒材」來傳達意 義。

好，使用「互動媒材」的工具很多。我們在這裡想談的是 javascript。為什麼，因為 javascript 是讓網頁文本互動起來的一種程式語法，而且是最基本的。使用它的方式，規定了如何去思考如何讓數位文本互動起來以及如何互動。

當然，你會問：字變紅色，這有什麼意義？

這，又是另一個問題了：如何創建出有文本意義的互動文本？


程式語法：

<div style="border: 1px solid gray; color: black; cursor: pointer;" onclick="this.style.color = 'red';">
請按我一下
</div>

紅色的這一段，就是互動語法。把它寫進去了，於是你就可以讓文本變成是可互動文本。

其實，看起來也沒有太複雜。如果你想學會寫這種互動語法，並不會有太大的障礙，尤其是什麼數理方面而來的障礙。相信我，我是歷史本科生畢業的。javascript 的語法思考其實很直覺的，往往是把你想要的畫面轉成語法，而不是用數學去推理思考。換言之，想像比推理重要。

不會很難學的。

之前談過，javascript 的程式語法特色，規定了我們如何去寫，如何去思考，網頁文本互動的可能性以及思考方向。

我希望在這十四堂課，能夠讓你對這語法的運作方式有一基本的概念。

在使用 javascrpt 之前，你對HTML以及CSS的使用，是要先掌握的。這是學互動語法的前題。誰也無法迴避的。