1
00:00:00,540 --> 00:00:06,630
In this section, we have another generator on tap for you, and this is going to be using content from

2
00:00:06,630 --> 00:00:11,550
a placeholder dot com, which is a website that provides placeholder images when you're developing a

3
00:00:11,550 --> 00:00:12,090
website.

4
00:00:12,210 --> 00:00:15,390
And if you don't have the images, this is a great resource.

5
00:00:15,540 --> 00:00:19,050
Unfortunately, they don't have a great way to present that content.

6
00:00:19,170 --> 00:00:21,720
You can go you have to piece together the source code.

7
00:00:21,720 --> 00:00:23,010
You have to update the images.

8
00:00:23,170 --> 00:00:26,280
So I created a generator because I use this website all the time.

9
00:00:26,280 --> 00:00:31,770
And this is a really handy, useful functionality and also gives you the opportunity to practice JavaScript

10
00:00:31,770 --> 00:00:38,030
with updating input fields and then updating dynamically image content and image sources.

11
00:00:38,040 --> 00:00:40,780
So the attributes of an element, so an image element.

12
00:00:41,130 --> 00:00:42,720
So let me show you how this works.

13
00:00:43,440 --> 00:00:46,050
So we've got some options here coming into our form.

14
00:00:46,050 --> 00:00:50,580
We can select an image size, we can get a large one, and you can see that automatically that image

15
00:00:50,580 --> 00:00:51,570
gets output there.

16
00:00:51,660 --> 00:00:54,030
We can add text on the image if we want.

17
00:00:54,210 --> 00:00:59,580
We can update the background color to whatever color and we can update the text color to whatever color.

18
00:00:59,700 --> 00:01:02,410
And it's also put in the path to that image.

19
00:01:02,670 --> 00:01:08,580
So what it's doing is it's generating the path to the placeholder dot com image according to our parameters.

20
00:01:08,580 --> 00:01:12,660
And there's a bunch more parameters that you could add in as well to make it really cool and functional

21
00:01:12,660 --> 00:01:13,890
and very useful.

22
00:01:13,890 --> 00:01:17,870
If you're a web developer and you're developing websites and need this placeholder content.

23
00:01:18,390 --> 00:01:19,230
So try this one out.