derektypist/index.html

## index.html
<body>
  <!-- Set Up Heading -->
  <h1>Leading Zeros</h1>
  <!-- Set Up Paragraph -->
  <p id="demo"></p>
</body>

## leading-zeros.markdown

      
    Raw
  

              leading-zeros.markdown
            
          
    Leading Zeros

Leading Zeros

The aim is to investigate if a number contains leading zeros using HTML, CSS and JavaScript.
UX

User Stories

As a user, I expect 008 to be Yes
As a user, I expect 40 to be No
As a user, I expect 0 to be No
As a user, I expect f0038 to be No
As a user, I expect 1960 to be No
As a user, I expect 07 to be Yes
As a user, I expect 40055 to be No
As a user, I expect 01354 to be Yes

Information Architecture
The function containsLeadingZero(num) returns true or false, where num is a string.
A Pen by Derek Dhammaloka on CodePen.
License.

  
## script.js
let txt = "";
// Function to determine if a number contains leading zeros
function containsLeadingZero(num) {
  return num.length > 1 && num[0] == "0";
}

// Apply Examples
const examples = ["008", "40","0","f0038","1960","07","40055","01354"];
for (let example of examples) {
  txt += `Does ${example} contain leading zeros? ${containsLeadingZero(example) ? "Yes" : "No"} <br>`;
}
document.getElementById("demo").innerHTML = txt;

## style.css
/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


/* Body */
body {
  font-family: "Roboto", Arial, Verdana, sans-serif;

}

/* h1 */
h1 {
  text-align: center;
  color: #009B77;
}
	<body>
	<!-- Set Up Heading -->
	<h1>Leading Zeros</h1>
	<!-- Set Up Paragraph -->
	<p id="demo"></p>
	</body>
	let txt = "";
	// Function to determine if a number contains leading zeros
	function containsLeadingZero(num) {
	return num.length > 1 && num[0] == "0";
	}

	// Apply Examples
	const examples = ["008", "40","0","f0038","1960","07","40055","01354"];
	for (let example of examples) {
	txt += `Does ${example} contain leading zeros? ${containsLeadingZero(example) ? "Yes" : "No"} <br>`;
	}
	document.getElementById("demo").innerHTML = txt;
	/* Import Fonts */
	@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


	/* Body */
	body {
	font-family: "Roboto", Arial, Verdana, sans-serif;

	}

	/* h1 */
	h1 {
	text-align: center;
	color: #009B77;
	}