Splitting a phone number with space separator

JavaScript / HTML/ CSS Code

Output

<!DOCTYPE html>
<html>
<head>
<style>
.divclass {
  background: #3B505F;
  height: auto;
  width:350px;
  border-radius: 15px;
  padding:20px;
  font-size:16px;
  color:#fff;  
}
span {
    background: #F7FB4D;
    color:#000;
    font-size:16px;
    font-weight:700;
} 
</style>
</head>

<body>
<div class="divclass" id="repdemo"> 
<p>Phone number to split: <strong>"012-345-6789"</strong></p>

<p id="splitted_string"></p> 
</div>


<script type="text/javascript">
var src_str = "012-345-6789";
var str_spl = src_str.split("-");
var num;
var display_split_strings = '<p>After split method: <span> src_str.split("012-345-6789");</span></p>';

for (num=0; num < str_spl.length; num++){
    display_split_strings += str_spl[num] + "<BR>";
    }
    document.getElementById("splitted_string").innerHTML = display_split_strings;

</script>
</body>
</html>

Phone number to split: "012-345-6789"