Skip to content

Instantly share code, notes, and snippets.

@chalin
Forked from Sfshaza/index.html
Last active September 28, 2019 11:36
Show Gist options
  • Save chalin/6b76bce8d46986e624f4e82925c48287 to your computer and use it in GitHub Desktop.
Save chalin/6b76bce8d46986e624f4e82925c48287 to your computer and use it in GitHub Desktop.
portmanteaux_simple
<!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 defer src="main.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:async';
import 'dart:convert';
import 'dart:html';
UListElement wordList = querySelector('#wordList');
void main() {
querySelector('#getWords').onClick.listen(makeRequest);
}
Future<void> makeRequest(Event _) async {
const path = 'https://www.dartlang.org/f/portmanteaux.json';
try {
// Make the GET request
final jsonString = await HttpRequest.getString(path);
// The request succeeded. Process the JSON.
processResponse(jsonString);
} catch (e) {
// The GET request failed. Handle the error.
print('Couldn\'t open $path');
wordList.children.add(LIElement()..text = 'Request failed.');
}
}
void processResponse(String jsonString) {
for (final portmanteau in json.decode(jsonString)) {
wordList.children.add(LIElement()..text = portmanteau);
}
}
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; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment