HTML/CSS - Abandoned | 3 in 1 Converter Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
<body>
<p id="head">
I combined three converter codes to one converter code
</p>
    <ul class="tab">
        <li><a href="#" class="link active" onclick="openTab(event,'page1')">Binary Converter </a> </li>
        <li><a href="#" class="link" onclick="openTab(event,'page2')">Temperature Converter </a></li>
        <li><a href="#" class="link" onclick="openTab(event,'page3')">km/h to Mph Converter </a> </li>
    </ul>
    
    
<div id="page1" class="content">
        <h1>Binary Number Converter</h1>
    Enter a decimal number:    <input type="number" placeholder="123" id="dn" onkeyup="binaryConvert();"/>
    <div>
        <p id="ans"></p>
    </div>
</div>
<div id="page2" class="content">
    <div class="cont">
    <h2 align="center">Temperature Converter</h2>
        <div class="hed">
        <input type="tel" value="" name="celcius" id="cel" onkeyup="conVert()"> 
        <select id="temp">

css

ul.tab
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid  #ccc;
    background-color:  #f1f1f1;
}
ul.tab li 
{
    float: left;
    border-right: 1px solid  #ccc;
}
ul.tab li a 
{
    display: inline-block;
    color:  black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}
ul.tab li a:hover 
{
    background-color:  #ddd;
}

function openTab(evt, page) 
{
    var i, pages, links;
    //hide all pages
    pages = document.getElementsByClassName("content");
    for (i = 0; i < pages.length; i++) {
        pages[i].style.display = "none";
    }
    //remove active tab
    links = document.getElementsByClassName("link");
    for (i = 0; i < links.length; i++) {
        links[i].className = links[i].className.replace(" active", "");
    }
    //set active page and tab
    document.getElementById(page).style.display = "block";
    evt.currentTarget.className += " active";
}
function binaryConvert() {
  var x_str = document.getElementById('dn').value;
  var x = Number(x_str);
  var x_alert = Number(x_str)
  var i = 0;
  var mod;
  var bin = [];
  var binstr =''
  

BROWSER

Console