Banner

What you're looking for isnt quite ready yet, Sign up here to Stay Up to Date

Coming Soon

Working team meeting concept, business using laptop and smart phone and digital tablet computer with digital marketing media  in virtual icon network diagram office in morning light


Contact form

<h3>Submit Your Inquiry</h3>
<p>Fill out the form below to stay in touch with us. Our team will update you when the information you're looking for is ready.</p>

name

email

message

Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Business Dictionary</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
    .term { cursor: pointer; margin-top: 5px; }
    .definition { display: none; margin-top: 5px; }
    #letters .btn {
        padding: 5px 5px;
        font-size: 12px;
        margin: 2px;
        min-width: 2.5%;
        white-space: nowrap;
    }
    #letters {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .container {
        overflow-x: hidden;
    }
</style>
</head>
<body>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1 class="mt-5">Business Dictionary</h1>
            <input type="text" id="searchInput" class="form-control mt-3" placeholder="Search terms..." onkeyup="filterTerms()">
            <div id="letters" class="d-flex flex-wrap mt-3"></div>
            <div id="terms" class="mt-3"></div>
        </div>
    </div>
</div>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
const dictionary = {
    'A': {'Accounts Payable (AP)': 'The amount of money a company owes creditors (suppliers, etc.) in return for goods and services they have delivered.',
    'Accounts Receivable (AR)': 'The amount of money owed to a company by its customers for goods or services that have been delivered but not yet paid for.',
    'Accrual Accounting': 'An accounting method where revenue and expenses are recorded when they are earned or incurred, regardless of when the money is actually received or paid.',
    'Angel Investor': 'An affluent individual who provides capital for a business start-up, usually in exchange for convertible debt or ownership equity.',
    'Assets': 'Anything of value that is owned by the business which can be used to produce goods or services, settle debts, or generate income.',
    'Audit': 'A systematic examination of books, accounts, documents, and vouchers of an organization to ascertain how far the financial statements present a true and fair view of the concern.',
    'Amortization': 'The process of spreading out a loan into a series of fixed payments over time.',
    'Analytics': 'The systematic computational analysis of data or statistics. It is used for the discovery, interpretation, and communication of meaningful patterns in data.',
    'Articles of Incorporation': 'A set of formal documents filed with a government body to legally document the creation of a corporation.',
    'Asset Liquidity': 'How easily assets can be converted into cash. Liquid assets are those that can be converted to cash quickly.',},
    'B': {},
    'C': {},
   'D': {},
    'E': {},
    'F': {},
    'G': {},
    'H': {},
    'I': {},
    'J': {},
    'K': {},
    'L': {},
    'M': {},
    'N': {},
    'O': {},
    'P': {},
    'Q': {},
    'R': {},
    'S': {},
    'T': {},
    'U': {},
    'V': {},
    'W': {},
    'X': {},
    'Y': {},
    'Z': {},
    // Add your terms and definitions here
};

function displayLetters() {
    const lettersDiv = document.getElementById('letters');
    lettersDiv.innerHTML = '';
    Object.keys(dictionary).sort().forEach(letter => {
        const letterElement = document.createElement('div');
        letterElement.classList.add('btn', 'btn-secondary', 'm-1');
        letterElement.innerText = letter;
        letterElement.onclick = function() { displayTerms(letter); };
        lettersDiv.appendChild(letterElement);
    });
}

function displayTerms(letter) {
    const termsDiv = document.getElementById('terms');
    termsDiv.innerHTML = '';
    Object.keys(dictionary[letter]).forEach(term => {
        createTermElement(term, dictionary[letter][term], termsDiv);
    });
}

function createTermElement(term, definition, container) {
    const termContainer = document.createElement('div');
    termContainer.className = 'term-container';

    const termElement = document.createElement('div');
    termElement.classList.add('btn', 'btn-light', 'btn-block', 'text-left', 'term');
    termElement.innerText = term;

    const definitionElement = document.createElement('div');
    definitionElement.classList.add('definition', 'text-muted');
    definitionElement.innerHTML = definition;

    termElement.onclick = function() {
        const isVisible = definitionElement.style.display === 'block';
        definitionElement.style.display = isVisible ? 'none' : 'block';
    };

    termContainer.appendChild(termElement);
    termContainer.appendChild(definitionElement);
    container.appendChild(termContainer);
}

function filterTerms() {
    const input = document.getElementById('searchInput');
    const filter = input.value.toUpperCase();
    const termsDiv = document.getElementById('terms');
    termsDiv.innerHTML = ''; // Clear current terms

    Object.keys(dictionary).forEach(letter => {
        Object.keys(dictionary[letter]).forEach(term => {
            if (term.toUpperCase().indexOf(filter) > -1) {
                createTermElement(term, dictionary[letter][term], termsDiv);
            }
        });
    });

    if (termsDiv.children.length === 0) {
        termsDiv.innerHTML = '<div class="text-muted">No terms match your search.</div>';
    }
}

displayLetters();
</script>

</body>
</html>