html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p id="txt">
<marquee style="color:magenta; "><big>Know the meaning of your name!</big></marquee></p>
<input id='list'
size="30" style="font-size:20px" placeholder="Enter your name here"/>
<button id="h" onclick='Meaning()'>Meaning</button>
<b id="ah"></b>
<txt id='code' align="left"></txt>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
body
{
background-image:url("https://st.depositphotos.com/1739901/1579/i/950/depositphotos_15791121-stock-photo-pale-blue-and-pink-winter.jpg");
}
#h
{
position:relative;
top:50%;
left:35%;
height:100px;
width:100px;
background-color: red;
border-radius:50px;
font-size:15px;
color: white;
font-style:bold;
}
#code
{
position:relative ;
top:55px;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
alert("Know the meaning of your name!Type your name and press meaning to know the meaning");
alert("Upvote the code if you like it.And please add your valuable suggestions as comments!");
function Meaning()
{
var nm = list.value.toUpperCase();;
var l = nm.length;
for(var a = 0; a <l; a ++)
{
var k = nm.charAt(a);
if(k=="")
{continue;}
else if(k=='A')
{
var ac=new Array ("amazing","astounding","academic","accelerated","acceptable","accessible","acclaimed","accommodating","accomplished","accordant","accurate");
var p=Math.floor(Math.random()*11);
document.write('<span style = "color: orange; font-size: 55px">' + k + '</span> '+":"+'<span style="font-size:25px">' +ac[p]+'</span><br/>');
}
else if(k=='B')
{
var b=new Array ("brilliant","boring","beneficiary","best","bestower","better","bigwig","blazing","blessed","bliss");
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run