View HTML5_for_IE.css
aside, nav, footer, header, section { | |
display:block; | |
} |
View toggleCheckboxPwd
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Password Visibility savicas</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 40em; | |
width: 88%; |
View Toggle multiple passwords visibility
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Password Visibility - Multiple Fields</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 40em; | |
width: 88%; |
View day5-Toggle visibility multiple forms
// Listen for changes on the entire window | |
window.addEventListener('change', function (event) { | |
// matches polyfill | |
if (!Element.prototype.matches) { | |
Element.prototype.matches = Element.prototype.msMatchesSelector ||Element.prototype.webkitMatchesSelector; | |
} | |
if (event.target.matches('[type=checkbox]')) { | |
const showOnePwd = document.querySelector('#password'); |
View day10_Char&Word Count
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Character & Word Count</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 40em; | |
width: 88%; |
View Day_13 Random Ron
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Random Ron</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 40em; | |
width: 88%; |
View Day_23_Shuffle The Monsters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Monsters!</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 40em; |
View Missing IDs in Headers
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Table of Contents - Missing IDs</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 40em; | |
width: 88%; |
View Project day_35
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Weather App</title> | |
<style type="text/css"> | |
body { | |
margin: 1em auto; | |
max-width: 30em; | |
text-align: center; |