程式語言 | 透過線上編譯器(codingground)學習C語言

透過線上編譯器(codingground)學習C語言

你不需要很厲害才能開始，但你需要開始才會很厲害

程式語言是一門動手做動手學的技能，唯有透過雙手真確的操作過，才能體會箇中奧妙，現在黑修斯提供一個雲端編輯器，無論在哪，只要有網路就能開始動手學習C語言，甚至是其他程式語言。

動手做：使用基礎編譯器

進入codingground後，將頁面移動至下方



找到Online Compilers and Interpreters，點選C。



等待頁面轉換至"線上編譯器"模式。



透過點擊左手邊的"Execute"執行"直接編譯"，而右手邊視窗將出現 hello world，最簡單的第一個程式已經完成。

實作：輸入與輸出

實作下列輸入與輸出程式碼：

請輸入上述程式碼，至編譯器畫面中




執行 "execute"，右邊的畫面中會出現如下圖



此時，scanf函數並沒有掃描數字與提供使用者輸入的視窗，使用者們必須到"Stdin"中輸入變數，此時編譯器中的scanf函數才能進行掃描。



藉由點擊進入"Stdin"後，畫面顯示如下圖，跳出 Enter multiple values in separate lines...
意思為請輸入變數。



使用者請輸入 "5"，再次點擊"Execute"，將會得到如下圖的結果。

動手做：使用進階編譯器

將codingground頁面移動至Advanced IDEs標籤中，並點選C，進入進階編譯器。



呈現如下的畫面



進階版的IDE與基礎的操作不一樣地方是需要先"編譯"過，才能"執行"



執行後，會看到下方綠色框中的結果。

實作：輸入與輸出

實作下列輸入與輸出程式碼：


請輸入上述程式碼，至編譯器畫面中
執行後，請到綠色框中，輸入"5"，按下Enter鍵。



畫面將呈現如下圖的結果，此時紅線標示處中，因為程式中沒有加入斷行指令，致使結果與其他字元連在一起。現在需要透過加入斷行指令修改。



在 printf ("你在Stdin輸入掃描到的：%d ",a);，多加\n 代表空下一行，如下程式碼：

printf ("你在Stdin輸入掃描到的：%d \n",a);

再重新編譯(Compile)，然後執行(Execute)，
再到綠色框輸入"5"，按下Enter鍵。



輸出的結果如下圖：

補充：快速執行的方式

編譯後，直接快速執行，直接在綠色框中輸入 main，亦可快速執行，如下圖：



按下Enter鍵，再輸入5，再按下Enter鍵，亦可得到相同結果。

補充：指令clear，清空頁面

當使用者輸入與測試一陣子時，葉面中的綠色框(指令框)，將會變得相當雜亂，此時透過clear指令可將頁面清理，如下圖：

轉貼本文時，需註明來自黑修斯隨手札記原創作者 hughes chen（黑修斯），及附上原文連結，同時 禁止修改，禁止商業使用 。