You will learn how to programming HTML, CSS, and JS
You will learn how to change the background color like a rainbow color sequence
You will learn how to use bootstrap
Requirements
You must have interest first
You have a baseline about Hypertext Markup Language (HTML)
You have a basis on Cascading Style Sheets (CSS)
You have a basic about Javascript (JS)
Difficulty
medium
Tools
notepad ++
Browser(Google Chroum/Mozilla Firefox)
Contents Tutorial
To change the background color just pressing toggle. who sees their site will be interested if you want to follow the steps as below:
The first step you should create a .html file that will be used as a file to change the background in the rainbow color sequence, such as the author creates the file (rainbow.html) or you can also use the name you like.
As usual the second step is to create a template first if you are already proficient in the programming language you can immediately make it thoroughly.
Then for the third step note the use of bootstrap we have to do is to host the boostrap file that we will run or you can also add the boostrap CDN in your program, and for this time the author will only use the CDC version because for the Processing and processing version will be available in processing. Patch the syntax listed below in the file rainbow.html:
So the next step is to make CSS for red, orange, yellow, green, blue, indigo, violet. Can be seen in the picture below:
The next step is to create a function that when inputted syntax call it will be called through this function, And for the caller syntax can be seen in the picture below:
Here are the words to explain more clearly, so it is not too flat or too plain in the input of this syntax, And for the syntax can be seen. in the picture below:
In the next stage is the stage of making the menu options that will call the syntax that has been done above, and the image syntax can be seen in the picture below:
And for the last step is the footer step goes, this is not a necessity to do but to show only that this website is your production as well as close the syntax / htmlnya, As shown below:
Below is all the code for the rainbow background function
and this is the result of the html, css, and js code above
preview
all the above code you can download on google drive I uploaded Document or File
