打印更改值到控制檯日誌

我叫蘇珊的對象，看起來像這樣：打印更改值到控制檯日誌

var Susan = { 
age: 30, 
lastName: "Dumb" 
};

在我的HTML文件我有一個文本輸入和一個提交按鈕。每次按下按鈕時，它都會調用一個函數，以便將Susan.age更改爲用戶編寫的任何內容。

<input type = "text" id = "Up"> 
<button id = "btn1" onclick="SubmitFunc()">Submit</button>

函數本身看起來像這樣：

function SubmitFunc() 
{ 
Susan.age = document.getElementById("Up").value; 
}

這部分工作正常，但我想要做的是打印新的價值控制檯，但它並不像我想要的工作。當我添加：

Console.log(Susan.age);

SubmitFunc函數它只打印出當我點擊按鈕，然後它消失的時候的值。當我在函數後面添加它時，它總是輸出默認值30.我也嘗試將onload函數添加到body元素，但它也不起作用。有沒有人有任何想法？

來源

2017-05-03 Nenad

*然後它消失*你的意思是呢？ – DontVoteMeDown

你在哪裏添加控制檯日誌？在'SubmitFunc（）'函數中？> –

@DontVoteMeDown它從字面上看會出現一秒鐘的分裂並且剛好消失。 – Nenad

衝電氣一些更新：

添加this（當前對象的引用）添加到您的onclick函數調用。
你需要從文本框中的值，電流從BTN
參加了console.log，c爲小;）

var Susan = { 
 
age: 30, 
 
lastName: "Dumb" 
 
}; 
 

 
function SubmitFunc() 
 
{ 
 
Susan.age = document.getElementById("Up").value; 
 
console.log(Susan.age); 
 
}

<input type = "text" id = "Up"> 
 
<button id = "btn1" onclick="SubmitFunc(this)">Submit</button>

來源

2017-05-03 20:30:38 Tushar

從一個按鈕的Id是一個複製粘貼的錯誤，它在我的原始代碼中正確地站立。 – Nenad

@Nenad，酷這是否解決你的查詢？ – Tushar

我的意思是沒有大聲笑。我明白爲什麼它應該工作，並在這裏，當我按下運行代碼片段它確實工作，但由於某種原因，它不會在我的瀏覽器中工作。我會找出答案，謝謝你的回答。 – Nenad

-1

修改如下：的原因是你的第一個console.log是由於按鈕點擊導致的老年期不是reset。
您還需要從輸入字段中讀取值。

最後，在您的代碼console.log中有大寫C。

var Susan = { 
     age: 30, 
     lastName: "Dumb" 
    }; 
    function SubmitFunc() { 
     Susan.age = document.getElementById("Up").value; 
     console.log(Susan.age); 
    }

來源

2017-05-03 20:31:46

這不會給我的答案增加任何價值。我已經把它發佈在你面前。所以如果你有任何更新，請張貼其他人請刪除。它只是複製到我給的 – Tushar

@Tushar請看看時間。我打字速度很慢。我沒有從你的解決方案中複製。 –

歡迎使用Stack OverFlow。社區堅持提供高質量的答案和改進。如果您發佈的答案已經存在，那麼您添加的是什麼值？ – Tushar

變化的功能的元件編號從「BTN1」到「向上」：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset='utf-8' /> 
    <script> 
     var Susan = { 
     age: 30, 
     lastName: 'dumb' 
     }; 

     function SubmitFunc(){ 
     Susan.age = document.getElementById('Up').value; 
     console.log(Susan.age); 
     } 
    </script> 
    </head> 
    <body> 
    <input type='text' id='Up'/> 
    <button id= 'btn1' onclick='SubmitFunc()'>Submit</button> 
    </body> 
</html>

還要考慮使用

<input type='button' value='Submit'/>

，而不是按鈕標籤（沒有必要只是一個風格推薦）。

來源

2017-05-03 20:37:29

打印更改值到控制檯日誌

回答

相關問題