檢查是否單擊了兩個元素，並在Javascript的文本框中輸入了一個值

Question

這是我正在談論的演示-http://jsfiddle.net/MatthewKosloski/qLpT9/

如果單擊了“ Foo”，並且在輸入中輸入了數字，並且單擊了“發送”，我想執行代碼。

<h1>Foo</h1>

<input type="text" id="amount" placeholder="Enter in a number."/>
<button id="send">Send</button>

我敢肯定，我想得太多了，我很感謝在這樣一個簡潔的問題上所提供的幫助。

Answer 1

根據您的陳述並采取一些假設，請嘗試以下方式：

（這將執行兩次功能-更改文本或單擊按鈕時）。

HTML：

<h1 id="">Foo</h1>

<input type="text" id="amount" placeholder="Enter in a number."/>

<button id="sendBtn">send</button>

JS：

document.getElementById("amount").addEventListener("change",poorRatingCalculation);
document.getElementById("sendBtn").addEventListener("click",poorRatingCalculation);

function poorRatingCalculation() {

    var rating = document.getElementById("amount").value;

    if(rating=="poor")  alert("Poor Service");
}

演示： http : //jsfiddle.net/wTqEv/

Answer 2

一個更好的自包含示例：

http://jsfiddle.net/qLpT9/7/

(function()
{
    var clicked = false;

    var header = document.getElementById("header");
    var amount = document.getElementById("amount");
    var send = document.getElementById("send");

    header.addEventListener("click", function()
    {
        clicked = true;
    });

    send.addEventListener("click", function()
    {
        if(!clicked)
        {
            return
        }

        // Foo has been clicked

        var value = amount.value;

        console.log(value;)
    });

})();

Answer 3

試試這個： jfiddle鏈接

var send = document.getElementById("send");
var h1 = document.getElementsByTagName("h1");

var foo_clicked = 0;

h1[0].onclick = function(){foo_clicked += 1; };

send.onclick = function(){
    if(document.getElementById("amount").value !='' && foo_clicked >0 )
    alert ('poor rating');

};

Answer 4

這是您要找的東西嗎？

http://jsfiddle.net/qLpT9/5/

function poorRatingCalculation(){
        if(myInput.value) {
            alert(myInput.value);
        }
 }

        var foo = document.getElementById("foo"),
            myInput = document.getElementById("amount");

  foo.addEventListener("click", poorRatingCalculation, false)