diff --git a/src/app/home/dataList.const.ts b/src/app/home/dataList.const.ts
index c0ce3173eb445c8b91d62d3106eaa5aa45c1f5d8..95e3132cdc8ac99bb3e8304e07d291fb6e5e5b4a 100644
--- a/src/app/home/dataList.const.ts
+++ b/src/app/home/dataList.const.ts
@@ -57,7 +57,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 1.92,
@@ -81,7 +81,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 2.3,
@@ -105,7 +105,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 3.21,
@@ -130,7 +130,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 3.75,
@@ -154,7 +154,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 1.98,
@@ -178,7 +178,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 3.14,
@@ -202,7 +202,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 6.9,
@@ -227,7 +227,7 @@ export const dataList = [
             'id': 800,
             'main': 'Clear',
             'description': 'sky is clear',
-            'icon': '01d'
+            'icon': '../../assets/01d.png'
           }
         ],
         'speed': 6.71,
@@ -251,7 +251,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 6.22,
@@ -276,7 +276,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 7.32,
@@ -301,7 +301,7 @@ export const dataList = [
             'id': 501,
             'main': 'Rain',
             'description': 'moderate rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 5.19,
@@ -326,7 +326,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 8.15,
@@ -351,7 +351,7 @@ export const dataList = [
             'id': 500,
             'main': 'Rain',
             'description': 'light rain',
-            'icon': '10d'
+            'icon': '../../assets/10d.png'
           }
         ],
         'speed': 3.5,
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 600bda340a3e477bd48022b54b0af69a0057ed8f..8eb6bfd74b9a68a4fd6bc495a29887843705a138 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -94,7 +94,7 @@ cnt:<input type="number" min="1" max="7"><br>
               {{ item2.description }}
           </td>
           <td *ngFor = "let item2 of item.weather">
-              {{ item2.icon }}
+              <img [src]=" item2.icon "/>
           </td>
           <td>
               {{ item.speed }} meter/sec
diff --git a/src/app/p3/imageUrl b/src/app/p3/imageUrl
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/src/app/p3/p3.component.html b/src/app/p3/p3.component.html
index f66e4f55312b502226f6edae1a247350af6083fc..ecf06290038db69ce05a18932630d66c941bff66 100644
--- a/src/app/p3/p3.component.html
+++ b/src/app/p3/p3.component.html
@@ -1,18 +1,12 @@
 <p style="color:green">題三</p>
 
-
-
-<h4>作業連結</h4> (目前在stackblitz能做出來，但用自己的電腦卻bulid不起來，無法display)：<br>
-
-<a href="https://stackblitz.com/edit/angular-cjmsgg">Stackblitz</a>
-
-<!-- <p>
+<p>
   WidthLength : <input type="number" min="1" step="5"
                 [(ngModel)]="widthLength" (change)="showPic()" ><br>
   HeightLength : <input type="number" min="1" step="5"
                 [(ngModel)]="heightLength" (change)="showPic()"><br>
 
   <img [src]='imageUrl '/>
-</p> -->
+</p>
 
 <router-outlet></router-outlet>
diff --git a/src/app/p3/p3.module.ts b/src/app/p3/p3.module.ts
index e88418ebc56779aaff530f14f673c85236abb2d2..8126919d98bf47edd51d92c2348e66cd2c750719 100644
--- a/src/app/p3/p3.module.ts
+++ b/src/app/p3/p3.module.ts
@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 import { P3RoutingModule } from './p3-routing.module';
 import { P3Component } from './p3.component';
@@ -8,7 +9,8 @@ import { P3Component } from './p3.component';
   declarations: [P3Component],
   imports: [
     CommonModule,
-    P3RoutingModule
+    P3RoutingModule,
+    FormsModule
   ]
 })
 export class P3Module { }