Untitled

<script language="JavaScript">

var nl = getNewLine()

function getNewLine() {
	var agent = navigator.userAgent

	if (agent.indexOf("Win") >= 0)
		return "\r\n"
	else
		if (agent.indexOf("Mac") >= 0)
			return "\r"

 	return "\r"

}

pagecode = '<!DOCTYPE html>
<html>
<head>
<style>
   #rcorners1 {
   border-radius: 25px;
   background: purple;
   padding: 8px;
   width: 200px;
   height: 140px;
   }
   #rcorners2 {
   border-radius: 25px;
   background: green;
   padding: 8px;
   width: 200px;
   height: 140px;
   }
   #rcorners3{
   border-radius: 25px;
   background: blue;
   padding: 8px;
   width: 200px;
   height: 140px;
   }
   #rcorners4{
   border-radius: 25px;
   background: magenta;
   padding: 8px;
   width: 200px;
   height: 140px;
   }
   #rcorners5{
   border-radius: 25px;
   background: red;
   padding: 8px;
   width: 200px;
   height: 140px;
   }
   #rcorners6{
   border-radius: 25px;
   background: orange;
   padding: 8px;
   width: 200px;
   height: 140px;
   }
</style>
<script>

   function check()


       var sum=0;

       var items=document.getElementsByName(\'color\');

       var selectedItems="";

       for(var i=0; i<items.length; i++)


           if(items[i].type==\'checkbox\' && items[i].checked==true)

               sum+=parseInt(items[i].value);

               selectedItems+=items[i].value+"\\n";
           }
       }

       document.getElementById("ans").innerHTML = "Your number is "+sum;
   }
</scr'+'ipt>
</head>
<body>
   <font color="white">
   <table style="width:50%" border="0" align="left" color="white">
   <tr>
       <td>
       <p id="rcorners1" >
       &nbsp 1 &nbsp&nbsp 3 &nbsp&nbsp 5 &nbsp&nbsp 7 &nbsp&nbsp 9 &nbsp&nbsp
   11&nbsp 13&nbsp 15<br><br>
       &nbsp17&nbsp 19&nbsp 21&nbsp 23&nbsp 25&nbsp 27&nbsp 29&nbsp 31<br><br>
       &nbsp33&nbsp 35&nbsp 37&nbsp 39&nbsp 41&nbsp 43&nbsp 45&nbsp 47<br><br>
       &nbsp49&nbsp 51&nbsp 53&nbsp 55&nbsp 57&nbsp 59&nbsp 61&nbsp 63<br><br>
       </p>
       </td>
       <td>
       <p id="rcorners2">
       &nbsp 2 &nbsp&nbsp 3 &nbsp&nbsp 6 &nbsp&nbsp 7 &nbsp 10 &nbsp&nbsp11&nbsp
       14&nbsp 15<br><br>
       &nbsp18&nbsp 19&nbsp 22&nbsp 23&nbsp 26&nbsp 27&nbsp 30&nbsp 31<br><br>
       &nbsp34&nbsp 35&nbsp 38&nbsp 39&nbsp 42&nbsp 43&nbsp 46&nbsp 47<br><br>
       &nbsp50&nbsp 51&nbsp 54&nbsp 55&nbsp 58&nbsp 59&nbsp 62&nbsp 63<br><br>
       </p>
       </td>
       <td>
       <p id="rcorners3">
       &nbsp 4 &nbsp&nbsp 5 &nbsp&nbsp 6 &nbsp&nbsp 7 &nbsp 12&nbsp&nbsp 13&nbsp
       14&nbsp 15<br><br>
       &nbsp20&nbsp 21&nbsp 22&nbsp 23&nbsp 28&nbsp 29&nbsp 30&nbsp 31<br><br>
       &nbsp36&nbsp 37&nbsp 38&nbsp 39&nbsp 44&nbsp 45&nbsp 46&nbsp 47<br><br>
       &nbsp52&nbsp 53&nbsp 54&nbsp 55&nbsp 60&nbsp 61&nbsp 62&nbsp 63<br><br>
       </p>
       </td>
   </tr>
   <tr>
       <td>
       <p id="rcorners4">
       &nbsp 8 &nbsp&nbsp 9 &nbsp 10 &nbsp 11&nbsp 12&nbsp 13&nbsp 14&nbsp 15<br><br>
       &nbsp24&nbsp 25&nbsp 26&nbsp 27&nbsp 28&nbsp 29&nbsp 30&nbsp 31<br><br>
       &nbsp40&nbsp 41&nbsp 42&nbsp 43&nbsp 44&nbsp 45&nbsp 46&nbsp 47<br><br>
       &nbsp56&nbsp 57&nbsp 58&nbsp 59&nbsp 60&nbsp 61&nbsp 62&nbsp 63<br><br>
       </p>
       </td>
       <td>
       <p id="rcorners5">
       &nbsp16&nbsp 17&nbsp 18&nbsp 19&nbsp 20&nbsp 21&nbsp 22&nbsp 23<br><br>
       &nbsp24&nbsp 25&nbsp 26&nbsp 27&nbsp 28&nbsp 29&nbsp 30&nbsp 31<br><br>
       &nbsp48&nbsp 49&nbsp 50&nbsp 51&nbsp 52&nbsp 53&nbsp 54&nbsp 55<br><br>
       &nbsp56&nbsp 57&nbsp 58&nbsp 59&nbsp 60&nbsp 61&nbsp 62&nbsp 63<br><br>
       </p>
       </td>
       <td>
       <p id="rcorners6">
       &nbsp32&nbsp 33&nbsp 34&nbsp 35&nbsp 36&nbsp 37&nbsp 38&nbsp 39<br><br>
       &nbsp40&nbsp 41&nbsp 42&nbsp 43&nbsp 44&nbsp 45&nbsp 46&nbsp 47<br><br>
       &nbsp48&nbsp 49&nbsp 50&nbsp 51&nbsp 52&nbsp 53&nbsp 54&nbsp 55<br><br>
       &nbsp56&nbsp 57&nbsp 58&nbsp 59&nbsp 60&nbsp 61&nbsp 62&nbsp 63<br><br>
       </p>
       </td>
   </tr>
</table>

<p style="font-size:120%;font-family:courier; color:white;" align="left">
Select one number from any card </p>
</font>
<p style="font-size:120%;font-family:courier; color:white;" align="left">
Select the boxes if your number is existed?</p>

<form align= "left">
   <input type="checkbox" name="color" value="1">Purple box<br>
   <input type="checkbox" name="color" value="2">Green box<br>
   <input type="checkbox" name= "color" value="4">Blue box<br>
   <input type="checkbox" name= "color" value="8">Pink box<br>
   <input type="checkbox" name= "color" value="16">Red box<br>
   <input type="checkbox" name= "color" value="32">Orange box<br><br>
   <input type="button" value="Check" id="btn" onclick="check()"/>
</form>
<p style="font-size:150%; font-family:courier; color:white;" align="left" id="ans"> </p>
</body>
</html>
'

document.write(pagecode);

</script>