<!DOCTYPE html>
<html>
<head>
<title>New text</title>
<style>
#username{
text-transform: uppercase;
}
</style>
</head>
<body>
<input type="text" name="unsername" id="unsername" placeholder="enter name...">
<input type="submit" name="submit" onclick="submit()" value="Submit">
<div id="show"></div>
<script>
function submit(){
var username = document.getElementById('unsername').value;
document.getElementById('show').innerHTML = "Name : " + "<span style='color:red; font-size: 30px; text-transform: uppercase;'>" + username + "</span>";
}
</script>
</body>
</html>
<html>
<head>
<title>New text</title>
<style>
#username{
text-transform: uppercase;
}
</style>
</head>
<body>
<input type="text" name="unsername" id="unsername" placeholder="enter name...">
<input type="submit" name="submit" onclick="submit()" value="Submit">
<div id="show"></div>
<script>
function submit(){
var username = document.getElementById('unsername').value;
document.getElementById('show').innerHTML = "Name : " + "<span style='color:red; font-size: 30px; text-transform: uppercase;'>" + username + "</span>";
}
</script>
</body>
</html>
0 comments:
Post a Comment