putra992 putrairawan992

## async-two.js
async function run() {
  let prefix = '(2)'
  console.log(prefix + ' with await')
  await asyncWithAwait(prefix)
  console.log(prefix + ' with promise')
  asyncWithPromise(prefix).then(_ => console.log(prefix + ' after all'))
}

run()

## async.js
async function run() {
  let prefix = '(1)'
  console.log(prefix + ' with await')
  asyncWithAwait(prefix)
  console.log(prefix + ' with promise')
  asyncWithPromise(prefix)
  console.log(prefix + ' after all')
}

run()

## gist:841c1ebcd49071f203a44544577168ac
import React, { useState, useEffect } from "react";
export default props => {
  console.log("componentWillMount");
  console.log("componentWillReceiveProps", props);
  const [x, setX] = useState(0);
  const [y, setY] = useState(0);
  const [moveCount, setMoveCount] = useState(0);
  const [cross, setCross] = useState(0);
  const mouseMoveHandler = event => {
    setX(event.clientX);

## Integer Number
5
3.14

## Inspector
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Company page</title>
</head>

<body>
<p>Welcome! Here you can find following things:</p>
<ol>

## Modal Dialog
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Modal Dialog</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  </head>

## Avatar
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Avatar</title>
    <style>
      .avatar {
         border-style: solid;
          border-width: 2px;
           border-radius: 50%;

## Loop
function appendChildren(decorateDivFunction) {
  var allDivs = document.getElementsByTagName("div");
for (var i = 0, len = allDivs.length; i < len; i++) {
    var newDiv = document.createElement("div");
    decorateDivFunction(newDiv);
    allDivs[i].appendChild(newDiv);
  }
}

// Example case.
	async function run() {
	let prefix = '(2)'
	console.log(prefix + ' with await')
	await asyncWithAwait(prefix)
	console.log(prefix + ' with promise')
	asyncWithPromise(prefix).then(_ => console.log(prefix + ' after all'))
	}

	run()
	async function run() {
	let prefix = '(1)'
	console.log(prefix + ' with await')
	asyncWithAwait(prefix)
	console.log(prefix + ' with promise')
	asyncWithPromise(prefix)
	console.log(prefix + ' after all')
	}

	run()
	import React, { useState, useEffect } from "react";
	export default props => {
	console.log("componentWillMount");
	console.log("componentWillReceiveProps", props);
	const [x, setX] = useState(0);
	const [y, setY] = useState(0);
	const [moveCount, setMoveCount] = useState(0);
	const [cross, setCross] = useState(0);
	const mouseMoveHandler = event => {
	setX(event.clientX);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Company page</title>
	</head>

	<body>
	<p>Welcome! Here you can find following things:</p>
	<ol>
	function appendChildren(decorateDivFunction) {
	var allDivs = document.getElementsByTagName("div");
	for (var i = 0, len = allDivs.length; i < len; i++) {
	var newDiv = document.createElement("div");
	decorateDivFunction(newDiv);
	allDivs[i].appendChild(newDiv);
	}
	}

	// Example case.