Building an idea using HTML CSS JS - Day 5

Building an idea using HTML CSS JS - Day 5

·

1 min read

Today's day 5 Goal is to re-write Html code and JS code in my project backupcal, so as to consider Weekly Backup and Daily Backup.

How to get two buttons?

  1. Write the following code to get buttons in HTML?
    <button onclick="Functioname()">Name</button>

How to hide HTML elements with the given IDs?

  1. Write the following code to hide elements in.
#idname{
display: none;
}

how to write a div with ID?

  1. Define a division in html
div#idname

How to call a function by an element within ID?

  1. Write the following code.
document.getElementById("idname").onclick = function functionname() {

how to unHide an Element?

  1. Unhiding an Element with Idname in js.
document.getElementById("idname").style.display="block";

how to hide different elements with ID in one line?

  1. Write the following code.
#idname,#idname1,#idname2{
    display: none

how to move elements with ID in CSS?

  1. Write the following code.
left: 15%;

My Code:

  • Home UI

Day 5 backupcal.png

  • daily backup button

day 5 backupcal daily.png

  • weekly backup

day 5 backupcal weekly.png

Conclusion:

  1. I have successfully completed my day 5 goal to include daily and weekly button in html file.

Author: Dheeraj.y