لما لا يتم حقن العنصر الى شجرة DOM؟

مريم جمال2 · 16 يناير

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <div class="container">

        <input type="text" id="name">
        <button id="adding">submit</button>
        <button id="removing">delete</button>
        
    </div>
    <h3 id="arr"></h3>

</body>

<script src="main.js"></script>

</html>

*{

    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;

}
.container{

    margin-top: 10%;
    margin-left: 45%;

}
h3{

    margin-top: 5%;
    margin-left: 50%;

}

var names = [];
var btn = document.getElementById("adding").addEventListener("click", function(){

    var first = document.getElementById("name").Value
    names.push(first)
    document.getElementById("arr").innerHTML = names

});
var btn_2 = document.getElementById("removing").addEventListener("click", function(){

names.reverse()
names.shift()
names.reverse()
document.getElementById("arr").innerHTML = names

});

الكود لا يضيف الأسماء المكتوبه في مكان الادخال

Adnane Kadri · 16 يناير

انتبه إلى أن هنالك خطأ في قراءة الخاصية value من على عنصر الإدخال في:

var first = document.getElementById("name").Value

إذ أنك تكتبها بحرف V كبيرة، أصلح السياق ليكون:

var first = document.getElementById("name").value

وأعد المحاولة.

Adnane Kadri · 16 يناير

بتاريخ 5 دقائق مضت قال مريم جمال2:

المشكله لم تحل

تأكدي من حفظ الملف وتحديث الصفحة.

مريم جمال2 · 16 يناير

بتاريخ الآن قال Adnane Kadri:
انتبه إلى أن هنالك خطأ في قراءة الخاصية value من على عنصر الإدخال في:
var first = document.getElementById("name").Value
إذ أنك تكتبها بحرف V كبيرة، أصلح السياق ليكون:
var first = document.getElementById("name").value
وأعد المحاولة.

المشكله لم تحل

لما لا يتم حقن العنصر الى شجرة DOM؟

السؤال

مريم جمال2

رابط هذا التعليق

شارك على الشبكات الإجتماعية

3 أجوبة على هذا السؤال

Recommended Posts

Adnane Kadri

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Adnane Kadri

رابط هذا التعليق

شارك على الشبكات الإجتماعية

مريم جمال2

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية