2015-04-01 80 views
0
<html> 
<head> 
<title>Test Environment</title> 
</head> 
<body> 

<script> 
document.bgColor="#222222"; 
document.fgColor="#11EE11"; 

document.writeln("Test Environment."); 
document.writeln("Last Update: " + document.lastModified); 

var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth()+1; //January is 0! 
var yyyy = today.getFullYear(); 

if(dd<10) { 
    dd='0'+dd 
} 

if(mm<10) { 
    mm='0'+mm 
} 

today = dd+'/'+mm+'/'+yyyy; 


function enterExpenses(){ 
    var _desc = window.prompt("What kind of expenses?"); 
    var _amount = window.prompt("Amount spent?"); 
    var _entry = {type:_desc amount:_amount date:today}; 

    document.writeln(_entry.date); 
    document.writeln(_entry.type); 
    document.writeln(_entry.amount); 
} 


</script> 
<form> 
<button onclick="enterExpenses()">Click me</button> 
</form> 

</body> 
</html> 

我討厭成爲那個讓別人去做我的工作的人,但我不明白爲什麼它不起作用。我試圖學習javascipt,並且我已經完成了codecademy課程。現在我實際上正在嘗試使用它並將其投入使用,我無法弄清楚爲什麼我的腳本沒有執行。HTML中的Javascript未執行

任何人的專業知識我可以借一秒?

+0

什麼部分不工作?可能有一些事情,例如'{type:_desc amount:_amount date:today}'應該是'{「type」:_desc,「amount」:_amount,「date」:today}' – atmd 2015-04-01 14:07:52

+0

您應該閱讀關於如何使用瀏覽器的控制檯來調試你的代碼。 – j08691 2015-04-01 14:13:27

回答

7

也許是因爲在這一行

var _entry = {type:_desc amount:_amount date:today}; 

你應該用逗號

var _entry = {type:_desc, amount:_amount, date:today}; 
2

除了形式Muhammad's answer分離對象的屬性,使用此爲您的按鈕一個錯字:

<button type="button" onclick="enterExpenses()">Click me</button> 

未指定按鈕的「類型」屬性將使其成爲提交按鈕,將表單發送到表單的操作頁面。

+0

謝謝你們,你們幫助我,但我遇到了一個新問題。無論我使用document.writeln還是在字符串中使用\ n,它都不會在下一行繼續。怎麼來的? 例如: 'document.writeln(_entry.amount + '\ n');' – 2015-04-01 14:34:47

+0

這可能是一個騙子,但...我用
... document.writeln(_entry.date + 「
」) ; – 2015-04-01 14:39:38

+0

非常感謝,工作。是否有我不應該讓JavaScript拋出HTML命令的原因? @ray – 2015-04-01 14:42:35