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

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

<!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 يناير 2024

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

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

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

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

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

Adnane Kadri · 16 يناير 2024

بتاريخ On 16‏/1‏/2024 at 18:56 قال مريم جمال2:

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

أظهر المزيد

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

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

بتاريخ On 16‏/1‏/2024 at 18:54 قال 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

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

إعلانات

تابعنا على

الرئيسية

كيف أتعلم؟

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية