لقد صنعت لعبة Hangman باستخدام لغة python، فلنقم بذلك في جافا سكريبت الآن. أريد أن أجعله محمولاً بدلاً من أن يكون مضمنًا في موقع ويب، لذلك دعونا نجعله بمثابة نص مستخدم.
system
لقد صنعت لعبة Hangman باستخدام لغة python، فلنقم بذلك في جافا سكريبت الآن. أريد أن أجعله محمولاً بدلاً من أن يكون مضمنًا في موقع ويب، لذلك دعونا نجعله بمثابة نص مستخدم.
user
فيما يلي مثال لكيفية تنفيذ لعبة Hangman في برنامج مستخدم JavaScript.

window.addEventListener('load', function() {
    رئيسي()
});

الوظيفة الرئيسية () {
// عنصر عرض الكلمة
var wordDisplay = document.createElement("div");
wordDisplay.id = "كلمة";
wordDisplay.style.fontSize = "36px";
wordDisplay.style.marginBottom = "20px";
wordDisplay.innerHTML = "تشغيل الجلاد!";
document.body.appendChild(wordDisplay);

// عنصر عرض التخمينات
varتخميناتDisplay = document.createElement("div");
GusesDisplay.id = "تخمينات";
GusesDisplay.style.fontSize = "24px";
GusesDisplay.style.marginBottom = "20px";
GusesDisplay.innerHTML = "تخمين الحرف للبدء";
document.body.appendChild(guessesDisplay);

// عنصر حاوية زر الرسالة
var ButtonContainer = document.createElement("div");
ButtonContainer.id = "الأزرار"؛
document.body.appendChild(buttonContainer);

// زر إعادة الضبط
varsetButton = document.createElement("button");
ResetButton.innerHTML = "إعادة تعيين";
resetButton.style.fontSize = "16px";
resetButton.style.padding = "10px";
resetButton.style.margin = "5px";
ResetButton.addEventListener("انقر"، function() {
أعد اعداد اللعبة()؛
});
ButtonContainer.appendChild(resetButton);

// أزرار الحروف
لـ (var i = 0; i < 26; i++) {
حرف var = String.fromCharCode(97 + i);
زر var = document.createElement("button");
Button.id = letter;
Button.innerHTML = letter;
Button.style.fontSize = "16px";
Button.style.padding = "10px"؛
Button.style.margin = "5px";
Button.addEventListener("انقر"، function() {
HandleButtonClick(this.innerHTML);
});
ButtonContainer.appendChild(button);

}

// أنماط المغلق
فار cssStyles = `
ح1 {
محاذاة النص: مركز؛
}

#كلمة {
حجم الخط: 36 بكسل؛
الهامش السفلي: 20 بكسل؛
}

#تخمينات {
حجم الخط: 24 بكسل؛
الهامش السفلي: 20 بكسل؛
}

#أزرار زر {
حجم الخط: 16 بكسل؛
الحشو: 10 بكسل؛
الهامش: 5 بكسل؛
}
`;

// أدخل أنماط CSS
فار ستايل = document.createElement("style");
style.innerHTML = cssStyles;
document.head.appendChild(style);

// قاموس الكلمات
كلمات var = ["متغير"، "وظيفة"، "كائن"، "مصفوفة"، "سلسلة"، "رقم"، "منطقي"، "فارغ"، "غير محدد"، "عامل تشغيل"، "أسلوب"، "خاصية" "، "الحدث"، "رد الاتصال"، "المكتبة"، "مسج"، "رد الفعل"، "node.js"، "json"، "ajax"، "dom"، "النموذج الأولي"، "الإغلاق"، "المنشئ" "، "es6"]؛

// اختر كلمة عشوائية
var word =words[Math.floor(Math.random() *words.length)];

// مصفوفة فارغة لتتبع الحروف التي تم تخمينها
varتخمين الحروف = [];

// متغير لتتبع التخمينات غير الصحيحة
فار غير صحيحGuesses = 0؛

// تحديث عرض الكلمات
تحديث الوظيفةWordDisplay() {
var DisplayWord = "";
لـ (var i = 0; i < word.length; i++) {
إذا (guessedLetters.includes(word[i])) {
DisplayWord += word[i];
} آخر {
DisplayWord += "_ "; // يتم استبدال الحروف التي لم يتم التخمين بها بشرطة سفلية
}
}
wordDisplay.innerHTML = DisplayWord;
}

// تحديث عرض التخمينات
وظيفة التحديثGuessesDisplay() {
GuesesDisplay.innerHTML = "تخمينات:" + تخمينات غير صحيحة؛
}

// إذا كانت مصفوفة الحروف المُخمنة تحتوي على كلمة، فسيتم إرجاعها بشكل صحيح، وإلا استمر
وظيفة التحقق من ForWin () {
لـ (var i = 0; i < word.length; i++) {
إذا (!guessedLetters.includes(word[i])) {
عودة كاذبة؛
}
}
عودة صحيحة؛
}

// إذا كانت التخمينات غير الصحيحة هي 6 أو أكثر، فسيتم إرجاعها صحيحًا
وظيفة التحقق من الخسارة () {
إرجاع التخمينات غير الصحيحة >= 6؛
}

// إعادة تعيين المتغيرات وعناصر واجهة المستخدم
وظيفة إعادة تعيين اللعبة () {
word =words[Math.floor(Math.random() *words.length)]; // احصل على كلمة جديدة
GustedLetters = [];
تخمينات غير صحيحة = 0؛
updateWordDisplay();
updateGuessesDisplay();
أزرار var = document.getElementsByTagName("button");
لـ (var i = 0; i < Buttons.length; i++) {
الأزرار[i].disabled = false;
Buttons[i].style.backgroundColor = "";
}}


// وظيفة النقر على زر الحرف
وظيفة HandleButtonClick(letter) {
    زر var = document.getElementById(letter); // تعيين الحرف الذي تم النقر عليه لمتغير الزر
إذا (!guessedLetters.includes(letter)) {// إذا لم يكن الحرف موجودًا في مصفوفة الحروف المُخمنة، فأضفه
خمنتLetters.push(letter);
إذا (!word.includes(letter)) {// إذا لم يكن الحرف جزءًا من الكلمة، قم بزيادة التخمينات غير الصحيحة
غير صحيحGuesses++;
}
updateWordDisplay();
updateGuessesDisplay();
إذا (checkForWin()) {
تنبيه ("لقد خمنت الكلمة" + word + "!")؛
} وإلا إذا (checkForLoss()) {
تنبيه ("عذرًا، الكلمة كانت" + كلمة + ".");
}
}
     Button.disabled = صحيح؛ // تعطيل الزر الذي تم النقر عليه
Button.style.backgroundColor = "#dddddd";
    }
}

يقوم هذا الكود بإنشاء عناصر واجهة المستخدم باستخدام document.createElement() وappendChild() وقد يحتاج إلى تعديل اعتمادًا على بنية موقع الويب الذي تنوي تشغيله فيه. ينشئ الكود ثلاثة عناصر لواجهة المستخدم: عرض الكلمات، الذي تتم معالجته بواسطة وظيفة updateWordsDisplay()، وعرض التخمينات، والذي تتم معالجته بواسطة وظيفة updateGuessesDisplay()، وحاوية عنصر الزر، التي تتم معالجتها بواسطة HandleButtonClick().
assistant
system
لقد صنعت لعبة Hangman باستخدام لغة python، فلنقم بذلك في جافا سكريبت الآن. أريد أن أجعله محمولاً بدلاً من أن يكون مضمنًا في موقع ويب، لذلك دعونا نجعله بمثابة نص مستخدم.
user
الخطوة 1: إنشاء ملف HTML

أولاً، سنقوم بإنشاء ملف HTML بسيط. هذا هو المكان الذي سنقوم فيه بتخزين لعبة Hangman الخاصة بنا.

<html>
<head>
    <title>Hangman</title>
assistant