معالجة الخطأ التالي في الجافا سكريبت:register.js:2 Uncaught TypeError: document.getElementByClassName is not a function

في الconsole form تظهر لي فارغة و أعتقد أن ذلك هو أصل الخطأ

كود javascript

let form            = document.getElementByClassName(".form")
console.log(form)
// event listeners
form.addEventListener('submit', function(e){
    e.preventDefault()
    // if(username.value === ""){
    //     showError(username, 'username is required')
    // } else {
    //     showSuccess(username)
    // }
    console.log(form);
})

html code

<!-- section-form -->
    <div class="logInForm">
        <h2>Sign Up</h2>
        <form class="form">
            <input type="text" placeholder="Username" class="register-username">
            <input type="text" placeholder="Email" class="register-email">
            <input type="text" placeholder="Password" class="register-password">
            <input type="text" placeholder="Confirm Password" class="register-confirm-password">
            <input type="button" value="Sign In" class="register-btn">
        </form>
    </div>

بتاريخ 1 دقيقة مضت قال محمود سعداوي:

في الconsole form تظهر لي فارغة و أعتقد أن ذلك هو أصل الخطأ

كود javascript

let form            = document.getElementByClassName(".form")
console.log(form)
// event listeners
form.addEventListener('submit', function(e){
    e.preventDefault()
    // if(username.value === ""){
    //     showError(username, 'username is required')
    // } else {
    //     showSuccess(username)
    // }
    console.log(form);
})

html code

<!-- section-form -->
    <div class="logInForm">
        <h2>Sign Up</h2>
        <form class="form">
            <input type="text" placeholder="Username" class="register-username">
            <input type="text" placeholder="Email" class="register-email">
            <input type="text" placeholder="Password" class="register-password">
            <input type="text" placeholder="Confirm Password" class="register-confirm-password">
            <input type="button" value="Sign In" class="register-btn">
        </form>
    </div>

 

عفوا قمت بالإصلاح التالي

let form            = document.getElementByClassName("form")

ولكن تظهر لي نفس رسالة الخطأ