1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 " />
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7
+ < title > 🏴‍☠️ Complete Javascripts Course</ title >
8
+ < link href ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css " rel ="stylesheet "
9
+ integrity ="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh " crossorigin ="anonymous " />
10
+ < style >
11
+ td {
12
+ border : 1px solid # ddd ;
13
+ padding : 10px ;
14
+ border-radius : 15px ;
15
+ }
16
+ </ style >
17
+ </ head >
18
+
19
+ < body >
20
+ < br />
21
+ < br />
22
+ < center >
23
+ <!-- <input type="text" id="item"> -->
24
+ < br />
25
+ < div id ="wrapper "> 📃 🏪 👾</ div >
26
+ < br />
27
+ < div id ="message "> Complete JavaScript Course</ div >
28
+ < div id ="message1 "> </ div >
29
+ < input type ="text " id ="myString " />
30
+ < input type ="button " value ="Guess " class ="btn btn-outline-warning " onclick ="rGuess() " />
31
+
32
+ < br /> < br />
33
+ </ center >
34
+ < script >
35
+ var message = document . getElementById ( "message" ) ;
36
+ var message1 = document . getElementById ( "message1" ) ;
37
+ var myArr = [
38
+ "javascript" ,
39
+ "Hello" ,
40
+ "World" ,
41
+ "Course" ,
42
+ "HTML" ,
43
+ "CSS" ,
44
+ "React" ,
45
+ "Express" ,
46
+ "NodeJS" ,
47
+ "Mongodb" ,
48
+ ] ;
49
+ window . onload = sWord ;
50
+ var randomWord ;
51
+
52
+ function sWord ( ) {
53
+ var w = myArr [ Math . floor ( Math . random ( ) * myArr . length ) ] ;
54
+ randomWord = w ;
55
+ w = w . toUpperCase ( ) ;
56
+ var wLength = w . length ;
57
+ var s = "" ;
58
+ for ( var x = 0 ; x < wLength ; x ++ ) {
59
+ var i = Math . floor ( Math . random ( ) * w . length ) ;
60
+ s += w [ i ] ;
61
+ w = w . substr ( 0 , i ) + w . substr ( i + 1 ) ;
62
+ }
63
+ message . innerHTML = "Guess this Word : " + s ;
64
+ }
65
+
66
+ function rGuess ( ) {
67
+ var guess = document . getElementById ( "myString" ) . value ;
68
+ if ( guess . toUpperCase ( ) == randomWord . toUpperCase ( ) ) {
69
+ message1 . innerHTML = "Correct" ;
70
+ } else {
71
+ message1 . innerHTML = "Wrong it was" + randomWord ;
72
+ }
73
+ sWord ( ) ;
74
+
75
+ }
76
+ </ script >
77
+
78
+ < script src ="https://code.jquery.com/jquery-3.5.0.js "
79
+ integrity ="sha256-r/AaFHrszJtwpe+tHyNi/XCfMxYpbsRg2Uqn0x3s2zc= " crossorigin ="anonymous "> </ script >
80
+ < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js "> </ script >
81
+ < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js "> </ script >
82
+ </ body >
83
+
84
+ </ html >
0 commit comments