أنت تعمل على تطبيق ويب يعرض قائمة بمقاطع الفيديو التي تمت مشاهدتها في سجل المستخدم. يستخدم التطبيق محرك قوالب لإنشاء كود HTML لكل فيديو في السجل. مهمتك هي تنفيذ وظيفة تأخذ مجموعة من كائنات الفيديو وتقوم بإنشاء كود HTML المقابل.

يجب أن تأخذ الوظيفة المدخلات التالية:
- `allHistoriesData`: مجموعة من كائنات الفيديو. يحتوي كل كائن فيديو على الخاصيتين `videoID` و`route`، حيث يكون `videoID` معرفًا فريدًا للفيديو و`route` هو المسار الذي يتم الانتقال إليه عند النقر على الفيديو.

يجب أن تقوم الوظيفة بإنشاء وإرجاع سلسلة تمثل كود HTML لسجل الفيديو الذي تمت مشاهدته. يجب أن يتبع كود HTML هذه البنية:

```
<h4>سجل المشاهدة</h4>
<div class="cards-container">
    <a href="<route-for-video1>">
        <!-- أضف أي كود HTML إضافي للفيديو1 -->
    </أ>
    <a href="<route-for-video2>">
        <!-- أضف أي كود HTML إضافي للفيديو2 -->
    </أ>
    ...
</div>
```

يمثل كل عنصر `<a>` مقطع فيديو تمت مشاهدته في السجل. يجب تعيين السمة "href" على خاصية "route" المقابلة لكائن الفيديو. يجب عليك أيضًا إضافة أي كود HTML إضافي داخل العنصر `<a>` وفقًا لمتطلبات التطبيق. يجب أن يكون عدد العناصر `<a>` مساويًا لطول المصفوفة `allHistoriesData`.

تنفيذ الوظيفة التالية:

```
وظيفة إنشاءWatchedHistoryHTML(allHistoriesData) {
    // الرمز الخاص بك هنا
}
```
{"evolved_from": null, "kind": "synthetic", "source": "argilla/DistiCoder-dpo-binarized"}