日程表如何添加行程?(新手)

新手試用javascript做了一個日程表,
但發現添加行程永遠只會加於第一日,
並改了日期內容
但我想要的是在日期格顯示到每日行程
請各位師兄幫忙解答
先行謝過

<html>
<head>
<title>JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style type="text/css">
        #Header 
        {
            height: 20px;
        
                              color:#FF00FF;
            font-size: 12px;
        }
        #LDay td 
        {
        width: 600px;
        height: 30px;
        text-align: mid;
              color:#FF00FF;
        font-size: 15px;
        }
        #LBody td 
        {
            width: 600px;
            height: 30px;
            text-align: center;
            font-size: 15px;
            color:#FF00FF;
            font-weight: bold;
        }
    </style>
</head>
<script type="text/javascript">

        function messageBox(id) {
        
                   var message = prompt("Please enter your Event!", id);
            
            if (message != null) {
                document.getElementById(id).innerHTML =
                message;
            }
        }
    function calendar() {
        var today = new Date();
 
        var year = today.getFullYear();      
        var month = today.getMonth() + 1;    
                var day = today.getDate();           
 
        
        var startDay = new Date(year, month - 1, 1).getDay();
 
        
        var nDays = new Date(year, month, 0).getDate();
 
        
        var numRow = 0; 
        var i;       
        var html = '';
        html += '<table id="Body" width="1000" height="600" border="1"><tbody>';
      
        html += '<tr>';
                
        for (i = 0; i < startDay; i++) {
            html += '<td></td>';
            numRow++;
        }
        
        for (var j = 1; j <= nDays; j++) {
            
            if (j == day) {
                html += '<td id="day" style="color:red" onclick="messageBox(this.id)">';
                html += j;    
            }
            else {
                html += '<td id="day" onclick="messageBox(this.id)">';
                html += j;  
            }
            html += '</td>';
            numRow++;
            if (numRow == 7) {  
                numRow = 0;
                html += '</tr><tr>';
            }
        }
                

 
        html += '</tbody></table>';
        document.getElementById("Container").innerHTML = html;
    }
</script>
<body onLoad="calendar()">
    <table id="Calendar" width="1000">
        <tr>
            <td height="20" bgcolor="#78b3ed" width="1000">
                <table id="LHeader" height="21" width="1000">
                    <tbody>
                        <tr align="left">
                            <td align="left" width="1000">&lt;</td>
                            <td align="left">
                                <span id="showDate">2014.12</span>
                            </td>
                            <td align="left" width="1000">&gt;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td height="50">
                <table id="LDay" bgcolor="#e7f1fd">
                    <tbody>
                        <tr>
                            <td>日</td>
                            <td>一</td>
                            <td>二</td>
                            <td>三</td>
                            <td>四</td>
                            <td>五</td>
                            <td>六</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td height="200" width="1000" id="Container">
            </td>
        </tr>
    </table>

</body>
</html>