ماهي الطريقة الصحيحة لعرض البيانات في JavaScript

إضافة الـ 

con.innerHTML = "";

قبل إضافة الامراض سيكون كفيل بحل المشكلة، لاحظ :

let h = document.createElement("h2");
let con = document.querySelector("#Diseases");
// لست بحاجة لتعريف المتغير التالي من هنا بل نعرفه من داخال الحلقة
// let l;
let head = $("#head");
ipcRenderer.on("data-Maladie", function (e, data, NamePath) {
    let text = `(${NamePath})`;
    h.innerHTML = text;
    head[0].appendChild(h);
    // السطر المضاف *************
    con.innerHTML = "";
    // نهاية السطر المضاف *********
    for (let i = 0; i < data.length; i++) {
        // الكود التالي غير ضروري لأنك عرفته سابقاً
        // let con = document.querySelector("#Diseases");
        let l;
        l = document.createElement("li");
        let li = `  ${data[i]}`;
        l.innerHTML = li;
        l.classList.add("maladie");
        l.style.cssText =
            "color: #133764;border: 2px solid #007bff; margin: 10px; padding: 10px 12px;font-size: 15px;font-weight: bold;border: 1px solid rgba(0,0,0,.125)!important;border-radius: 5px; background-color: rgba(227, 230, 230, 0.226);box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;cursor: pointer;";
        con.appendChild(l);
    }
});

// لم افهم مالذي تريده من الاكواد التالية ****************
let ret = document.getElementById("Ret");
// جلب العنصر الحاوي لعناصر الصفحة
// مرة ثانية Diseases لست بحاجة لإعادة تعريف العنصر صاحب الايدي  ************
// نفسه مرة اخرى con بل يمكنك استخدام المتغير 
let list = document.getElementById("Diseases");
ret.addEventListener("click", function () {
    // As long as <ul> has a child node, remove it
    while (list.hasChildNodes()) {
        list.removeChild(list.firstChild);
    }
    ipcRenderer.send("retour");
});

لان هذه الحلقة تقوم بإضافة الامراض للعنصر، واضافة الـ innerHTML = "" يضمن لك كونه فارغ قبل اضافة اي عناصر جديدة

لم استطع تجريب الكود، في حال لم يعمل قم بمشاركة ملفات المشروع بالكامل.

بتاريخ 24 دقائق مضت قال عمر قره محمد:

إضافة الـ 

con.innerHTML = "";

قبل إضافة الامراض سيكون كفيل بحل المشكلة، لاحظ :

let h = document.createElement("h2");
let con = document.querySelector("#Diseases");
// لست بحاجة لتعريف المتغير التالي من هنا بل نعرفه من داخال الحلقة
// let l;
let head = $("#head");
ipcRenderer.on("data-Maladie", function (e, data, NamePath) {
    let text = `(${NamePath})`;
    h.innerHTML = text;
    head[0].appendChild(h);
    // السطر المضاف *************
    con.innerHTML = "";
    // نهاية السطر المضاف *********
    for (let i = 0; i < data.length; i++) {
        // الكود التالي غير ضروري لأنك عرفته سابقاً
        // let con = document.querySelector("#Diseases");
        let l;
        l = document.createElement("li");
        let li = `  ${data[i]}`;
        l.innerHTML = li;
        l.classList.add("maladie");
        l.style.cssText =
            "color: #133764;border: 2px solid #007bff; margin: 10px; padding: 10px 12px;font-size: 15px;font-weight: bold;border: 1px solid rgba(0,0,0,.125)!important;border-radius: 5px; background-color: rgba(227, 230, 230, 0.226);box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;cursor: pointer;";
        con.appendChild(l);
    }
});

// لم افهم مالذي تريده من الاكواد التالية ****************
let ret = document.getElementById("Ret");
// جلب العنصر الحاوي لعناصر الصفحة
// مرة ثانية Diseases لست بحاجة لإعادة تعريف العنصر صاحب الايدي  ************
// نفسه مرة اخرى con بل يمكنك استخدام المتغير 
let list = document.getElementById("Diseases");
ret.addEventListener("click", function () {
    // As long as <ul> has a child node, remove it
    while (list.hasChildNodes()) {
        list.removeChild(list.firstChild);
    }
    ipcRenderer.send("retour");
});

لان هذه الحلقة تقوم بإضافة الامراض للعنصر، واضافة الـ innerHTML = "" يضمن لك كونه فارغ قبل اضافة اي عناصر جديدة

لم استطع تجريب الكود، في حال لم يعمل قم بمشاركة ملفات المشروع بالكامل.

شكرا هذه هي الفكرة التي كنت أبحث عنها تم حل الشكل