diff --git a/homework7hangman/asset/gallows0.jpg b/homework7hangman/asset/gallows0.jpg new file mode 100644 index 0000000..3c937d3 Binary files /dev/null and b/homework7hangman/asset/gallows0.jpg differ diff --git a/homework7hangman/asset/gallows1.jpg b/homework7hangman/asset/gallows1.jpg new file mode 100644 index 0000000..1b4d981 Binary files /dev/null and b/homework7hangman/asset/gallows1.jpg differ diff --git a/homework7hangman/asset/gallows2.jpg b/homework7hangman/asset/gallows2.jpg new file mode 100644 index 0000000..a79ba57 Binary files /dev/null and b/homework7hangman/asset/gallows2.jpg differ diff --git a/homework7hangman/asset/gallows3.jpg b/homework7hangman/asset/gallows3.jpg new file mode 100644 index 0000000..5098b8b Binary files /dev/null and b/homework7hangman/asset/gallows3.jpg differ diff --git a/homework7hangman/asset/gallows4.jpg b/homework7hangman/asset/gallows4.jpg new file mode 100644 index 0000000..5a8d6eb Binary files /dev/null and b/homework7hangman/asset/gallows4.jpg differ diff --git a/homework7hangman/asset/gallows5.jpg b/homework7hangman/asset/gallows5.jpg new file mode 100644 index 0000000..09e7d17 Binary files /dev/null and b/homework7hangman/asset/gallows5.jpg differ diff --git a/homework7hangman/asset/gallows6.jpg b/homework7hangman/asset/gallows6.jpg new file mode 100644 index 0000000..032db0e Binary files /dev/null and b/homework7hangman/asset/gallows6.jpg differ diff --git a/homework7hangman/index.css b/homework7hangman/index.css new file mode 100644 index 0000000..7797ca2 --- /dev/null +++ b/homework7hangman/index.css @@ -0,0 +1,20 @@ +.checkbox { +/* background-color:a; */ +/* width: 200px; */ +/* margin: 3px; */ + + + +} +.box { + display: inline; + + border-radius: 3px; + border-color: black; + color: orange; + margin: 3px; + color: black; + width: 100px; + background-color: beige; +} + diff --git a/homework7hangman/index.html b/homework7hangman/index.html new file mode 100644 index 0000000..ca4576e --- /dev/null +++ b/homework7hangman/index.html @@ -0,0 +1,57 @@ + + + + + + + Document + + + +

The Hangman Game

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ +
+ +
+
+ + + + + + \ No newline at end of file diff --git a/homework7hangman/index.js b/homework7hangman/index.js new file mode 100644 index 0000000..96f0d3b --- /dev/null +++ b/homework7hangman/index.js @@ -0,0 +1,123 @@ +// 1. generate word from array? + + + + +// let hangManImg = document.querySelector(".img") + + + +let words = ["APPLE", "CAR", "COMPUTER", "CODECORE"]; + +let word = words[Math.floor(Math.random() * words.length)]; +console.log(word) + +// let word = "HELLOW" +// console.log(word) +// // -------------- entered word -------------- +// document.createElement('h1') + + +// box = document.createElement('div') +// box.style.backgroundColor = 'orange' +// box.innerHTML = '

H

' +// let checkbox = document.querySelector('.checkbox') +// checkbox.appendChild(box) + + +for(let i = 0; i { + letterNode.addEventListener("click", event =>{ + letterNode.style.backgroundColor = 'red'; + setTimeout(function(){ + letterNode.style.backgroundColor = ''; + }, 300) + let pressedLetter = letterNode.innerText + + + let mark = 0 + let chance = 5 - kmark + + for(let i = 0; i { + arrTodoList.push(`[]${answer2}`) + return main() + }) +} + +let completeAnswer +function complete (){ + console.log(`\nCompleted \"${arrTodoList[completeAnswer].substring(2)}\"`) + arrTodoList[completeAnswer] = arrTodoList[completeAnswer].replace("[]", "[✓]") + return main() +} + +let deleteAnswer +function deleteItem (){ + if(arrTodoList[deleteAnswer][1] === "]"){ + console.log(`\nDeleted \"${arrTodoList[deleteAnswer].substring(2)}\"`) + }else{ + console.log(`\nDeleted \"${arrTodoList[deleteAnswer].substring(3)}\"`) + } + arrTodoList.splice(deleteAnswer,1); + return main() +} + +function quit (){ + console.log ("\nSee you soon! 😄") + rl.close() +} + + +function main(){ + rl.question(functionMenu, (answer) => { + if(answer==='v') { + view(); + }else if(answer==='n'){ + newItem(); + }else if(answer[0]==='c'){ + completeAnswer = answer[1] + complete (); + }else if(answer[0]==='d'){ + deleteAnswer = answer[1] + deleteItem (); + }else if(answer==='q'){ + quit (); + } + }) +} + +main() + +