diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index a6e014d901acee98914c034693e059b06ae17e8d..5acc7ff5346f62833364a40058b7a1400fe61df8 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -53,7 +53,7 @@ cnt:<input type="number" min="1" max="7"><br>
       <th>icon</th>
   </tr>
 
-  <!-- TODO  尚欠icon-->
+  <!-- TODO  尚欠icon display-->
 
   <tbody *ngFor = "let l of list">
       <tr *ngFor = "let item of l.list_">
@@ -94,7 +94,7 @@ cnt:<input type="number" min="1" max="7"><br>
               {{ item2.description }}
           </td>
           <td>
-              {{ pic }}
+              <img [src]="pic">
           </td>
           <td>
               {{ item.speed }} meter/sec
@@ -113,7 +113,7 @@ cnt:<input type="number" min="1" max="7"><br>
 
 
   </tbody>
-  <!-- <tr *ngFor = "let item of list[0].list_">
+  <!--<tr *ngFor = "let item of list[0].list_">
       <td>
           {{item | json }}
 			</td>
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index 1c2220574dd16aaaf32e33b1120b3c6d2920a779..6629c97fb969c28f2fa851af3fb7c60ee18ef348 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -10,7 +10,7 @@ export class HomeComponent implements OnInit {
 
   list = dataList;
 
-  pic = Image['./01d.png'];
+  pic = './01d.png';
 
   constructor() { }
 
diff --git a/src/app/p2/p2.component.html b/src/app/p2/p2.component.html
index 6d940f9349bd447b7159c31a8c670fa2c206f38c..d2a8f4faa410055e1ce684c98dbe40ed641bcbcc 100644
--- a/src/app/p2/p2.component.html
+++ b/src/app/p2/p2.component.html
@@ -1,7 +1,9 @@
 <p style="color:green">題二</p>
-<p>尚餘隱藏功能</p>
 <form (ngSubmit)="addData()">
-<!-- ToDo 隱藏字句（下方[hidden]，設name == null 依舊會display） -->
+<!-- ToDo 隱藏字句
+  問題1、（下方[hidden]，設name == null 依舊會display）
+  問題2、在component.ts設定的buildMessage之訊息無法秀出
+-->
 
   單品：<input type="text" name="name" [(ngModel)]="name" (change)="bulidMessage()" ><br>
   單價：<input type="number" name="price" min="1" [(ngModel)]="price" (change)="bulidMessage()"><br>
diff --git a/src/app/p3/imageUrl b/src/app/p3/imageUrl
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/p3/p3.component.html b/src/app/p3/p3.component.html
index 833a04a276a4eab8d28beb1958dc68db48025d01..cfb6327d06b63112274226735e17d2b1c0af97d9 100644
--- a/src/app/p3/p3.component.html
+++ b/src/app/p3/p3.component.html
@@ -1,6 +1,10 @@
 <p style="color:green">題三</p>
 
-  寬度 : <input type="number" min="1" ><br>
-  高度 : <input type="number" min="1" ><br>
-  <img [src]="imageUrl">
+<!-- 圖片無法顯示QQ -->
+  寬度 : <input type="number" min="1" step="5" ><br>
+  高度 : <input type="number" min="1" step="5"><br>
+  <img src ="imageUrl">
+  <img [src]=" imageUrl ">
+  <img bind-src="imageUrl ">
+
 <router-outlet></router-outlet>
diff --git a/src/app/p3/p3.component.ts b/src/app/p3/p3.component.ts
index 269bcefcb8d276cebb58e677cad1da4dfdadea8e..aada6a6d58467fb1ac025c7349832383715b3169 100644
--- a/src/app/p3/p3.component.ts
+++ b/src/app/p3/p3.component.ts
@@ -9,14 +9,14 @@ export class P3Component implements OnInit {
 
   widthLength = '1024';
   heightLength = '768';
-  imageUrl = 'http://lorempixel.com//{{widthLength}}/{{heightLength}}/';
+  imageUrl = 'http://lorempixel.com/{{widthLength}}/{{heightLength}}/';
 
   showPic() {
     if (this.widthLength !== null && this.heightLength !== null &&
       this.widthLength !== undefined && this.heightLength !== undefined) {
-      this.imageUrl = "http://lorempixel.com/" + this.widthLength + "/" + this.heightLength + "/";
+      this.imageUrl = 'http://lorempixel.com/' + this.widthLength + '/' + this.heightLength + '/';
     } else {
-      alert("長度或高度不得為空!");
+      alert('長度或高度不得為空!');
     }
   }
 
diff --git a/src/app/p4/p4.component.html b/src/app/p4/p4.component.html
index 43b6b25ccc525eee1367f90afec9af8e0dcb6e23..ed4a3771f29b83994fd0f82abcc71b80743b7796 100644
--- a/src/app/p4/p4.component.html
+++ b/src/app/p4/p4.component.html
@@ -5,7 +5,7 @@
   一.必須輸入大於０，若輸入小於或等於0，則alert訊息<br>
   二.只能輸入數字，若輸入欄位不符，則alert訊息<br>
   三.只能輸入英文兩碼＋數字三碼，若輸入欄位不符，則alert訊息</table>
-
+<!-- TODO 卡在ts檔的if else語法-->
 <br>
   欄位一 : <input class="test"
             placeholder="輸入後請按enter"
diff --git a/src/app/p4/p4.component.ts b/src/app/p4/p4.component.ts
index 9c60bc7b3b7426b342b58eb8a3acc921a2c8b4bb..4b006c330ca133ef74dd4073f1011da6dd920373 100644
--- a/src/app/p4/p4.component.ts
+++ b/src/app/p4/p4.component.ts
@@ -17,11 +17,11 @@ export class P4Component implements OnInit {
     this.value2 = new Number(inputRef.value);
 
     if (
-      this.value2 === 0
+      this.value2 > 0
     ) {
-      alert('good');
+      alert('輸入正確');
     } else {
-    alert('請輸入0');
+    alert('請輸入大於0的數字');
     }
   }
 
@@ -34,12 +34,26 @@ export class P4Component implements OnInit {
     if (
       this.value2 !== Number
     ) {
-      alert('bye');
+      alert('只能輸入數字');
     } else {
-    alert('okay~');
+    alert('輸入正確');
     }
   }
 
+  addNumber3(inputRef: HTMLInputElement): void {
+    console.log(inputRef.value);
+    inputRef.value = '';
+
+    this.value2 = new Number(inputRef.value);
+
+    if (
+      this.value2 !== Number
+    ) {
+      alert('只能輸入數字');
+    } else {
+    alert('輸入正確');
+    }
+  }
 
 
   constructor() { }