stock-selector

by shan10213223

HTML

<div class="dashboard-header">
  <h2>Financial Dashboard</h2>
  <div class="dashboard-controls">
    <input type="text" class="stock-filter" name="stock-filter" placeholder="Find..." />
    <select>
      <option>Annual</option>
      <option>Quarterly</option>
    </select>
    <button>Go</button>
  </div>
</div>

CSS

.dashboard-header {
  background-color: #2c3e50;
  color: white;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

JavaScript

const filterInput = document.querySelector('.stock-filter');

filterInput.addEventListener('input', (e) => {
	const value = e.target.value;
  console.log('value: ', value);
});