HTML Javascript font size change
Question
<html>
<head>
<meta charset="utf-8">
<script>
function test(){
var name = document.getElementById('name').value;
var snumber = document.getElementById('snumber').value;
document.write("name="+name+"");
document.write("&snumber="+snumber+"<br />");
}
</script>
</head>
<body>
<h2>Example of sending data using POST</h2>
Name :
<input type="text" id="name"><br/>
Student number:
<input type="text" id="snumber"><br/><br/>
<input type="button" value="submit" onclick="test();">
</body>
</html>
I want to change the font size of 6th and 7th lines' result to h2 size I can change in body section by putting
<h2></h2>
however, it's not working in a script section. If I input data in name and snumber section, It connects to a new page that shows inputs like "name=David&snum=21467564" I want this font size to be h2 size!
6 answers
solution1
1 ACCPTED 2017-07-04 11:38:37
Simply add h2 tag
Single line output:
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+""); document.write("&snumber="+snumber+"</h2> <br/>"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
For multiline output: Just close <h2> tag and start new heading tag like:
document.write("<h2>name="+name+"</h2>");
document.write("<h2>snumber="+snumber+"</h2><br />");
solution2
0 2017-07-04 11:31:00
you can do something like this:
<script>
function test(){
var name = document.getElementById('name').value;
var snumber = document.getElementById('snumber').value;
document.write("<h2>name="+name+"</h2>");
document.write("<h2>&snumber="+snumber+"</h2><br />");
}
</script>
solution3
0 2017-07-04 11:31:42
Simple! just add h2 element.
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+"</h2>"); document.write("<h2>&snumber="+snumber+"</h2>"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
solution4
0 2017-07-04 11:33:03
try this one
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+"</h2>"); document.write("<h2>snumber="+snumber+"</h2><br />"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
solution5
0 2017-07-04 11:33:21
function test(){ var name = document.getElementById('name').value; var snumber = document.getElementById('snumber').value; document.write("<h2>name="+name+"</h2>"); document.write("<h2>&snumber="+snumber+"</h2> <br/>"); }
<h2>Example of sending data using POST</h2> Name : <input type="text" id="name"><br/> Student number: <input type="text" id="snumber"><br/><br/> <input type="button" value="submit" onclick="test();">
solution6
0 2017-07-04 11:37:18
var name = document.getElementById('name').value;
name= "<span style='font-size:32px;'>"+name+"</span>";
snumber= "<span style='font-size:32px;'>"+snumber+"</span>";
var snumber = document.getElementById('snumber').value;
document.write("name="+name+"");
document.write("&snumber="+snumber+"<br />");
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
javascript change font size
change font size with javascript
JavaScript/Html - Change Font Size/Color After 8 Decimal Places
How to change font size in multiple html textareas using Javascript
HTML JavaScript font size changes
Change body font size with JavaScript
Change font size on fly with javascript
Javascript onclick button to change page font size or div font size
Increasing font size using JavaScript on html
Font size button using JavaScript, HTML and PHP
Related Tags