html
html
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
<!DOCTYPE html>
<html>
<head>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous">
<title>Text Maker.</title>
</head>
<body>
<center>
<form>
<div class="form-group">
<label>Text-Decoration Generator</label>
<br><br>
<textarea class="form-control" id="sometext"
rows="3" placeholder="Please Enter Your Text..."></textarea>
</div>
</form><br>
<button id="box0" type="button"
class="btn btn-primary">Underline Text</button>
<button id="box1" type="button"
class="btn btn-primary">Overline Text</button>
<button id="box2" type="button"
class="btn btn-primary">Line-Through Text</button>
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
body {
background-color: pink;
margin: 10px;
padding: 0px;
}
label {
font-size: 30px;
position: relative;
width: 100%;
height: 30px;
color: #000000;
font-weight:900;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run