Sfshaza/index.html

## index.html
<!DOCTYPE html>

<!--
  Copyright (c) 2012, the Dart project authors.
  Please see the AUTHORS file for details.
  All rights reserved. Use of this source code
  is governed by a BSD-style license that can be
  found in the LICENSE file.
-->

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

  <body>
    <h1>Portmanteaux</h1>

    <button id="getWords">Get portmanteaux</button>

    <ul id="wordList">
    </ul>
  </body>
</html>

## main.dart
// Copyright (c) 2012, the Dart project authors.
// Please see the AUTHORS file for details.
// All rights reserved. Use of this source code
// is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'dart:html';
import 'dart:convert';

var wordList;

void main() {
  querySelector('#getWords').onClick.listen(makeRequest);
  wordList = querySelector('#wordList');
}

void makeRequest(Event e) {
  var path = 'https://www.dartlang.org/f/portmanteaux.json';
  var httpRequest = new HttpRequest();
  httpRequest
    ..open('GET', path)
    ..onLoadEnd.listen((e) => requestComplete(httpRequest))
    ..send('');
}

requestComplete(HttpRequest request) {
  if (request.status == 200) {
    List<String> portmanteaux = JSON.decode(request.responseText);
    for (int i = 0; i < portmanteaux.length; i++) {
      wordList.children.add(new LIElement()..text = portmanteaux[i]);
    }
  } else {
    wordList.children.add(new LIElement()
      ..text = 'Request failed, status=${request.status}');
  }
}

## styles.css
body {
  background-color: #F8F8F8;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  margin: 15px;
}

h1, p, li {
  color: #333;
}
	<!DOCTYPE html>

	<!--
	Copyright (c) 2012, the Dart project authors.
	Please see the AUTHORS file for details.
	All rights reserved. Use of this source code
	is governed by a BSD-style license that can be
	found in the LICENSE file.
	-->

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

	<body>
	<h1>Portmanteaux</h1>

	<button id="getWords">Get portmanteaux</button>

	<ul id="wordList">
	</ul>
	</body>
	</html>
	// Copyright (c) 2012, the Dart project authors.
	// Please see the AUTHORS file for details.
	// All rights reserved. Use of this source code
	// is governed by a BSD-style license that can be
	// found in the LICENSE file.

	import 'dart:html';
	import 'dart:convert';

	var wordList;

	void main() {
	querySelector('#getWords').onClick.listen(makeRequest);
	wordList = querySelector('#wordList');
	}

	void makeRequest(Event e) {
	var path = 'https://www.dartlang.org/f/portmanteaux.json';
	var httpRequest = new HttpRequest();
	httpRequest
	..open('GET', path)
	..onLoadEnd.listen((e) => requestComplete(httpRequest))
	..send('');
	}

	requestComplete(HttpRequest request) {
	if (request.status == 200) {
	List<String> portmanteaux = JSON.decode(request.responseText);
	for (int i = 0; i < portmanteaux.length; i++) {
	wordList.children.add(new LIElement()..text = portmanteaux[i]);
	}
	} else {
	wordList.children.add(new LIElement()
	..text = 'Request failed, status=${request.status}');
	}
	}
	body {
	background-color: #F8F8F8;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 15px;
	}

	h1, p, li {
	color: #333;
	}