3d text on user input IN html
Hellow everyone.
Welcome to Mr.advancetechnical.gq
So today we are sharing a small program
Using html+css+JavaScript.
A program which takes input from user and displays it on webpage in form of 3d text.
<html>
<head>
<title>3d text</title>
<script language="Javascript">
function show(form){ document.getElementById("TD").innerHTML=oi.value;
}
</script>
<body>
<div id="TD" style="border: red 3px solid; font-size: 50px; height: 100px; text-shadow: 3px 3px 3px blue; width: 400px;">
</div>
<form>
<br /> <br />
<input id="oi" oninput="show(this.form);" placeholder="enter text" type="text" /> </form>
</body>
</html>
<head>
<title>3d text</title>
<script language="Javascript">
function show(form){ document.getElementById("TD").innerHTML=oi.value;
}
</script>
<body>
<div id="TD" style="border: red 3px solid; font-size: 50px; height: 100px; text-shadow: 3px 3px 3px blue; width: 400px;">
</div>
<form>
<br /> <br />
<input id="oi" oninput="show(this.form);" placeholder="enter text" type="text" /> </form>
</body>
</html>
No comments: