Quingsley/index.html

## readme.md

      
    Raw
  

              readme.md
            
          
    validation

Created with <3 with dartpad.dev.

  
## index.html
<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>validation</title>
    <link rel="stylesheet" href="styles.css">
    <script type="application/dart" src="main.dart"></script>
  </head>

  <body>
    <h4>Enter your Email</h4>
<input/>
<div style="color: red;">

</div>
  </body>
</html>

## main.dart
import 'dart:html';
void main(){

    final  input = querySelector('input') as InputElement;
    final div = querySelector('div') as DivElement;
  print('$input, $div');
}


## styles.css
body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

h1 {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}
	<!DOCTYPE html>

	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>validation</title>
	<link rel="stylesheet" href="styles.css">
	<script type="application/dart" src="main.dart"></script>
	</head>

	<body>
	<h4>Enter your Email</h4>
	<input/>
	<div style="color: red;">

	</div>
	</body>
	</html>
	import 'dart:html';
	void main(){

	final input = querySelector('input') as InputElement;
	final div = querySelector('div') as DivElement;
	print('$input, $div');
	}
	body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	}

	h1 {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	}