Commit 3cb8f8f

committed

intial setup of project

1 parent 3f1cdf6 commit 3cb8f8fCopy full SHA for 3cb8f8f

File tree

+28

-7

lines changed

+28

-7

lines changed

Lines changed: 8 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -8,8 +8,6 @@`
`8`	`8`	`<title>creating stop watch using js</title>`
`9`	`9`
`10`	`10`	`<link rel="stylesheet" href="style.css">`
`11`		`-`
`12`		`- <link rel="stylesheet" href="script.js">`
`13`	`11`	`</head>`
`14`	`12`
`15`	`13`	`<body>`
`@@ -19,12 +17,16 @@ <h1>stopwatch</h1>`
`19`	`17`	`<h2>vanila javascript stopwatch</h2>`
`20`	`18`
`21`	`19`
`22`		`- <p>time</p>`
	`20`	`+ <p id="sec">time</p>`
	`21`	`+ <p id="milsec">time</p>`
`23`	`22`
`24`		`- <button class="btn">start</button>`
`25`		`- <button class="btn">stop</button>`
`26`		`- <button class="btn">reset</button>`
	`23`	`+ <button class="btn"id="start">start</button>`
	`24`	`+ <button class="btn"id="stop">stop</button>`
	`25`	`+ <button class="btn"id="reset">reset</button>`
`27`	`26`	`</div>`
	`27`	`+`
	`28`	`+`
	`29`	`+ <script src="script.js"></script>`
`28`	`30`	`</body>`
`29`	`31`
`30`	`32`	`</html>`

Lines changed: 12 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,12 @@`
	`1`	`+`
	`2`	`+let start = document.getElementById('start');`
	`3`	`+let stop = document.getElementById('stop');`
	`4`	`+let reset = document.getElementById('reset');`
	`5`	`+`
	`6`	`+let show = document.getElementById('show');`
	`7`	`+`
	`8`	`+const d = new Date();`
	`9`	`+let hours = d.getHours();`
	`10`	`+`
	`11`	`+show.innerHTML = hours;`
	`12`	`+console.log(show.innerHTML);`

Lines changed: 8 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@ body {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`.btn {`
	`15`	`+ display: inline-block;`
`15`	`16`	`background-color: transparent;`
`16`	`17`	`border: 1.3px solid white;`
`17`	`18`	`width: 8rem;`
`@@ -23,6 +24,12 @@ body {`
`23`	`24`	`margin-top: 2rem;`
`24`	`25`	`}`
`25`	`26`
	`27`	`+.btn:hover{`
	`28`	`+ background-color: cyan;`
	`29`	`+ transition: all 0.4s;`
	`30`	`+}`
	`31`	`+`
`26`	`32`	`p{`
	`33`	`+ display: inline-block;`
`27`	`34`	`margin-top: 2rem;`
`28`		`-}`
	`35`	`+}`

Comments

(0)