javascript - How to add font awesome icon dynamically based on some data -

is possible change/add font awesome icon based on fetched data? if type .pdf font awesome <i class="fa fa-file-pdf-o"> else if type .docx <i class="fa fa-file-word-o"></i>. can give me ideas how it? use? javascript or php?

here's of code.

 <div class="col-sm-6 col-md-6">     <?php               $sql ="select * lectures subj_descr = '$subj'";                $result = mysqli_query($con, $sql);                  while($row = mysqli_fetch_array($result)){                 $file = $row['file'];                 $type = $row['type'];          ?>      <a style="display:block; margin-top:5px;" href="uploads/<?php echo $file ?>" target="_blank"><i class="fa fa-file-word-o"></i> <?php echo $file; ?></i></a>           <?php           }            ?>     </div> 

try this:

<?php if($type = $row['type'] == 'pdf')   // make <i> tag on behalf of condition {     echo '<i class="fa fa-file-pdf-o">'. text here .'</i>'; } else if($type = $row['type'] == 'txt') {     echo '<i class="fa fa-file-word-o">'. text here .'</i>'; } ?>