javascriptを再学習の1

まずは、学習のために、assert関数と、CSSをつくります。
ほとんどパクリですんません。
●assert.js

view plainprint?

1. function assert(bbb, disp) {  
2.  var resulter = document.getElementById("resulter");  
3.  if (!resulter) {  
4.   resulter = document.createElement('ul');  
5.   document.getElementsByTagName('body')[0].appendChild(resulter);  
6.   resulter.setAttribute('id','resulter');  
7.  }  
8.  var li = document.createElement("li");  
9.  li.className = bbb ? "pass" : "fail";  
10.  var disper = bbb ? "●" + disp : "×" + disp;  
11.  li.appendChild(document.createTextNode(disper));  
12.  resulter.appendChild(li);  
13. }  

function assert(bbb, disp) {
 var resulter = document.getElementById("resulter");
 if (!resulter) {
  resulter = document.createElement('ul');
  document.getElementsByTagName('body')[0].appendChild(resulter);
  resulter.setAttribute('id','resulter');
 }
 var li = document.createElement("li");
 li.className = bbb ? "pass" : "fail";
 var disper = bbb ? "●" + disp : "×" + disp;
 li.appendChild(document.createTextNode(disper));
 resulter.appendChild(li);
}

●assert.css

view plainprint?

1. ul#resulter { border: 2px ridge maroon; background-color: #ccffcc; padding: 0.25em 1.5em; margin-left: 0; }  
2. li.pass { color: #006400; font-weight:bolder;}  
3. li.fail { color: #dc143c; text-decoration: line-through; font-weight:bolder;}  

ul#resulter { border: 2px ridge maroon; background-color: #ccffcc; padding: 0.25em 1.5em; margin-left: 0; }
li.pass { color: #006400; font-weight:bolder;}
li.fail { color: #dc143c; text-decoration: line-through; font-weight:bolder;}

●sample

view plainprint?

1. <script type="text/javascript">  
2.  assert(true,"trueの場合");  
3.  assert(false,"falseの場合");  
4. </script>  

●結果