javascript - フォーカスのトラブルシューティングに関する onblur の初心者向けヘルプ

Question

誰かがこれで私を助けることができますか? 私は JavaScript を初めて使用し、onblur または onfocus 機能を動作させることができません。HTML コードと .JS コードのスニペットを次に示します。そうでないことを確認するために、終了 body タグのすぐ下と head タグで script.js を呼び出しました...

HTML

                <label for="name">Full Name</label>
                <input type="text" id="name" name="fullname" value="First Name" />

                <label for="phone">Phone Number</label>
                <input type="text" id="phone" name="phonenumber" />

JavaScript

function prepareEventHandlers() {

var firstNameField = document.getElementById("name");
var phoneField = document.getELementsById("phone");

firstNameField.onfocus = function() {
    if (firstNameField.value = "First Name") {
        firstNameField.value = " ";
    }
    };


firstNameField.onblur = function() {
    if (firstNameField.value == " ") {
        firstNameField.value = "First Name";
    }
};
}


window.onload = function() {
    prepareEventHandlers();
}

Answer 1

タイプミスがあります: var phoneField = document.getELementsById("phone");

Answer 2

function prepareEventHandlers() {

var firstNameField = document.getElementById("name");
var phoneField = document.getElementById("phone");

firstNameField.onfocus = function() {
    if (firstNameField.value == "First Name") {
        firstNameField.value = "";
    }
    };


firstNameField.onblur = function() {
    if (!firstNameField.value.length) {
        firstNameField.value = "First Name";
    }
};
}


window.onload = function() {
    prepareEventHandlers();
}