Build an Application by Tan Yi Long

Step 1

yilongtan94 — 2021-05-20 12:16:50 UTC

Under the text editor HTML, find the blocks with

and

Step 2

yilongtan94 — 2021-05-20 12:19:21 UTC

Change the text in between the opening and closing tags to your personal information (e.g. change

Age: 27 years old

Age: 16 years old

)

Step 3

yilongtan94 — 2021-05-20 12:19:48 UTC

See the text in your application change automatically :)

Step 2

yilongtan94 — 2021-05-20 12:23:07 UTC

Under the text editor HTML, find the block with

Step 1

yilongtan94 — 2021-05-20 12:23:22 UTC

Go to google and find an image of a hero you like. After that, right click on that image and click on 'Copy Image Address'

Step 3

yilongtan94 — 2021-05-20 12:26:39 UTC

Delete the text after 'src=' inside the block and paste the image address by right clicking and clicking on 'Paste'

Step 4

yilongtan94 — 2021-05-20 12:31:33 UTC

See the image in your application change automatically :)

Step 1

yilongtan94 — 2021-05-20 12:47:58 UTC

Under the text editor HTML, find the block with

Step 2

yilongtan94 — 2021-05-20 12:48:15 UTC

Copy one of the button block and paste it after the last button block

Step 3

yilongtan94 — 2021-05-20 12:50:57 UTC

Change the text after 'style.background' to your favourite color (e.g. green/purple/orange)

Step 4

yilongtan94 — 2021-05-20 12:54:40 UTC

Click on the button and see the background color change :)

How to share your app

yilongtan94 — 2021-05-20 12:58:14 UTC

Windows:
Press Print Screen on keyboard. Go to your Desktop and paste your image there. After that, upload your screenshots here!

Mac:
Press Shift + Command + 3 on keyboard. Your screenshot should be saved on your Desktop. After that, upload your screenshots here!

Yi Long's app

yilongtan94 — 2021-05-20 13:04:57 UTC

Step 1

yilongtan94 — 2021-05-20 13:15:20 UTC

Click on 'Fork' at the bottom of the page

Step 2

yilongtan94 — 2021-05-20 13:18:18 UTC

Click on 'Sign up for Codepen'

Step 3

yilongtan94 — 2021-05-20 13:18:59 UTC

Step 4

yilongtan94 — 2021-05-20 13:20:31 UTC

Yay you can now share your app with your friends and family by giving them the link on top of the page

Kat's app

2021-05-21 05:29:28 UTC

ashlee

2021-05-21 05:34:12 UTC

kerin

2021-05-21 05:34:17 UTC

Sophia's app

2021-05-21 05:34:27 UTC

theophila's app

2021-05-21 05:36:25 UTC

Varsha's app

2021-05-21 05:36:33 UTC

harshini's app

2021-05-21 05:42:11 UTC

wan xin's app

2021-05-21 05:59:25 UTC