Forem: SARTHAK KASHMIRA

Date in JS(Fully Covered)

SARTHAK KASHMIRA — Fri, 24 Jan 2025 06:50:46 +0000

Date object

To create a date we can use Date() and we can pass arguments in the form of strings as well.

const date=new Date() // creates a new date with present date and current time
const date1=new Date("2021-01-23") // creates date with this date 
const date2=new Date("December 02, 2021 23:45:00")

To access the dates from Date object

We can use functions like getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds(),getMilliSeconds()

To set the dates from Date object

setFullYear(),setMonth(),setDate(),setHours(),setMinutes(),setSeconds(),setMilliSeconds()

Note that in all the above functions we should pass arguments as number.
But the getMonth() and setMonth() takes values as the month number in the form of 0-based indexing

Enjoy with CSS!(word-wrap)

SARTHAK KASHMIRA — Wed, 22 Jan 2025 12:56:01 +0000

Sometimes there will be scenario when a particular word that you want to show is larger than the screen size.In that case if we resize the screen size we would want the remaining text to be shown on the new line.In that case flex-wrap property will not work.
So in that case we need to use word-wrap that wraps the remaining text on to a new line.
So in these cases just add the CSS code
{ word-wrap:break-word; hyphens:auto; }

Here hyphens property will put a hyphen at the end of the line so as to give idea that the remaining word is on the new line.

Combinators in CSS

SARTHAK KASHMIRA — Fri, 17 Jan 2025 11:30:06 +0000

The use of combinators in CSS can make the HTML codes look better and less bulky.
Some of the areas where you can use them are
The code
<ul class="navbar-list"> <li class="list-item"><a href="" >Men</a></li> <li class="list-item"><a href="" >Women</a></li> <li class="list-item"><a href="" >Kids</a></li> </ul>
can be made to
<ul class="navbar-list"> <li><a href="" >Men</a></li> <li><a href="" >Women</a></li> <li><a href="" >Kids</a></li> </ul>
if we use .navbar-list > li { .. your css code } rather than .list-item{.. your css code..}