Question

当我点击按钮时，我试图让日期显示在带有ID的空段落中。到目前为止没有运气。不要介意我不能让它出现在段落中，但只是想知道当我提前点击按钮时如何使它出现。
抱歉，如果它是一个愚蠢的，
我已经获得了点击警报，但似乎无法想象这一点 enter image description here

＆＃13;

<!DOCTYPE html>
<html>
<head>
<title>Lets Practice Some Code</title>

<link rel="stylesheet" type="text/css" href="/Users/Matteveli/Desktop/javascript practice/style/style.css">
</head>
<body>
<div><h1 id="topTitle"> Time and date Test</h1></div>

<div><button id="alerter">click Me to make an alert pop up.</button></div>

<p id="empty"

></p><div><button id="timeAndDate">click Me to display time and date</button></div>

<script type="text/javascript" src="/Users/Matteveli/Desktop/javascript practice/javascript/funtionality.js"></script>
</body>
<footer>
</footer>
</html>

＆＃13;

var alerterButton = document.getElementById("alerter");
var dateButton = document.getElementById("timeAndDate");
var emptyP = document.getElementById("empty");
var d = new Date();

// for the first click that we have working....  " THE ALERT "
//a link to function was called then the function was made
// as below 
alerterButton.onclick = myClickHandler;

function myClickHandler() {alert("the document was clicked")};

/// TIME AND DATE ???

dateButton.onclick = emptyP.innerHTML=d;

function showMeTheDate() {emptyP.innerHTML+d};

＆＃13;

任何帮助非常感谢。
提前致谢。

Answer 1

dateButton.onclick应该是一个功能。所以，你应该做

dateButton.onclick = () =>  { emptyP.innerHTML= d.getDate() }

Answer 2

仅编辑事件处理函数，并将pharagraph的innerHTML设置为d.getDate（）。

function myClickHandler() {
    alert("button was clicked!");
    emptyP.innerHTML = d.getDate();
}

您需要将功能工作者保持在相同的范围内。如果没有这种方法，最新的eventHandler函数将一直使用，因为其他（最后）函数＆＃39;功能不会成为。

Answer 3

这是一个例子：http://jsfiddle.net/sckjnx7t/2/

关键是参与功能和事件，在这种情况下点击，然后，你可以这样做：

dateButton.onclick = function(){
                                  //code here
                                 };

或：

    dateButton.onclick = showMeTheDate();
    function showMeTheDate() {
                                //code
                              };

javascript onclick可在段落中显示时间和日期

3 个答案: