Italicizing Java text box

Question

Italicizing Java text box

668 Views Asked by user1751862 At 20 October 2024 at 05:48

I need to update a code by having the name appear in italics in the following sentences.
Where in the innerHTML would I place the tags?

`enter code here`
<html>
 <head>
  <title>
   Greetings
  </title>
  <meta charset="us-ascii">
 </head>
 <body>
  <h2>Greetings</h2>
  <p>
   Enter your name:
   <input type="text" id="nameBox" size=12 value="">
  </p>
  <input type="button" value="Click for Greeting"
   onclick="
    document.getElementById('outputDiv').innerHTML=
     'Hello '
     + document.getElementById('nameBox').value
     + ', welcome to my page.<br>Do you mind if I call you '
     + document.getElementById('nameBox').value
     + '?';
    ">
   <hr>
   <div id="outputDiv">
  </div>
 </body>
</html>

Original Q&A

There are 2 best solutions below

**Ross Gatih** · Answer 1

I tested the following code, it should make the reply italicized. FYI all changes to the look of the output can be done using CSS (the style tags). Also, it is a good idea to keep HTML, JavaScript, and CSS components isolated from one another.

<!DOCTYPE html>
<html>
     <head>
        <title> Greetings</title>
        <meta charset="us-ascii">
        <script type="text/javascript">
            function greeting(){
                document.getElementById('outputDiv').innerHTML=
                'Hello <span class="name">'
                + document.getElementById('nameBox').value
                + '</span>, welcome to my page.<br>Do you mind if I call you <span class="name">'
                + document.getElementById('nameBox').value
                + '</span>?';
           }
        </script>
         <style type="text/css">
            span.name{
                font-style:italic;
            }
         </style>
     </head>
     <body>
         <h2>Greetings</h2>
         <p>
            Enter your name:<input type="text" id="nameBox" size=12 value="">
         </p>  
         <input type="button" value="Click for Greeting" onclick="greeting()">
          <hr>
          <div id="outputDiv">
         </div>
     </body>
</html>

**John Dvorak** · Answer 2

The tag for italics is . You can wrap it around an element to make it appear in italics. your name is unknown to us 

Don't use this tag!

This is acceptable for (1) applications where you need to save each byte, or (2) situations where you need to support ancient browsers like Netscape 1.0.
Even email clients support the  tag or embedded CSS.

A better way is to use the  tag.
It means "emphasize". Most browsers display such text in italics. The difference is with browsers that can't render italics. When such a browser encounters  it skips the tag and renders its contents without effect. When it encounters  it emphasizes the text by any means available. Using bold instead, changing the text color, inserting spaces... . For a screen reader, it could mean "slow down by 10% and increase the volume by 5%".

The modern way is to tag by semantics, and style by CSS:

your name is <span class="name"> unknown to us </span>

and in a separate CSS file

span.name { font-style: italic; }

Italicizing Java text box

There are 2 best solutions below

Related Questions in JAVASCRIPT

Related Questions in ITALICS

Trending Questions

Popular # Hahtags

Popular Questions