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!

Atlas_Gondal · Accepted Answer · 2017-07-04 11:38:37Z

1

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 />");

answered Jul 4, 2017 at 11:38

Atlas_Gondal

2,5622 gold badges17 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ramin Ahmadi · Accepted Answer · 2017-07-04 11:37:18Z

1

    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 />");

answered Jul 4, 2017 at 11:37

Ramin Ahmadi

6395 silver badges13 bronze badges

Comments

Dij · Accepted Answer · 2017-07-04 11:31:00Z

0

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>

answered Jul 4, 2017 at 11:31

Dij

9,8184 gold badges21 silver badges35 bronze badges

Comments

Dilip Belgumpi · Accepted Answer · 2017-07-04 11:31:42Z

0

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();">

answered Jul 4, 2017 at 11:31

Dilip Belgumpi

6484 silver badges13 bronze badges

Comments

Bhargav Chudasama · Accepted Answer · 2017-07-04 11:33:03Z

0

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();">

answered Jul 4, 2017 at 11:33

Bhargav Chudasama

7,2256 gold badges24 silver badges41 bronze badges

Comments

Ramakanth Putta · Accepted Answer · 2017-07-04 11:33:21Z

0

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();">

answered Jul 4, 2017 at 11:33

Ramakanth Putta

7265 silver badges15 bronze badges

Collectives™ on Stack Overflow

HTML Javascript font size change

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related