vrotaru/assert.html

## assert.html
<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title>Easy JavaScript Testing></title>
        <style>
            .pass:before {
                content: 'PASS: ';
                color: blue;
                font-weight: bold;
                font-family: monospace
            }

            .fail:before {
                content: 'FAIL: ';
                color: red;
                font-weight: bold;
                font-family: monospace
            }
        </style>
    </head>
    <body>
        <ul id="output"></ul>

        <script>
            var output = document.getElementById('output');

            function assert( outcome, description ) {
                var li = document.createElement('li');
                li.className = outcome ? 'pass' : 'fail';
                li.appendChild(document.createTextNode(description));

                output.appendChild(li);
            };

            function add(num1, num2) {
                return num1 + num2;
            }

            assert (add(5, 20) === 24, '5 + 20 = 24')
            assert (add(5, 20) === 25, '5 + 20 = 24')

        </script>
    </body>
<html>
	<!DOCTYPE HTML>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title>Easy JavaScript Testing></title>
	<style>
	.pass:before {
	content: 'PASS: ';
	color: blue;
	font-weight: bold;
	font-family: monospace
	}

	.fail:before {
	content: 'FAIL: ';
	color: red;
	font-weight: bold;
	font-family: monospace
	}
	</style>
	</head>
	<body>
	<ul id="output"></ul>

	<script>
	var output = document.getElementById('output');

	function assert( outcome, description ) {
	var li = document.createElement('li');
	li.className = outcome ? 'pass' : 'fail';
	li.appendChild(document.createTextNode(description));

	output.appendChild(li);
	};

	function add(num1, num2) {
	return num1 + num2;
	}

	assert (add(5, 20) === 24, '5 + 20 = 24')
	assert (add(5, 20) === 25, '5 + 20 = 24')

	</script>
	</body>
	<html>