.comparison-panel input { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 16px; }
buttons.forEach(button => { button.addEventListener('click', (e) => { const key = button.getAttribute('data-key'); this.handleKeyPress(key); }); }); }
inputElement.addEventListener('blur', () => { setTimeout(() => { this.container.style.display = 'none'; }, 200); }); } } greater than on keyboard
// Usage example const gtFeature = new GreaterThanFeature(); console.log(gtFeature.compare(10, 5)); // true console.log(gtFeature.filterGreaterThan([1,5,10,15,20], 10)); // [15,20] console.log(gtFeature.countGreaterThan([1,5,10,15,20], 10)); // 2 // Mobile keyboard with greater than key class MobileKeyboard { constructor(elementId) { this.container = document.getElementById(elementId); this.input = null; this.init(); } init() { this.createKeyboard(); this.attachEvents(); }
try { // Handle greater than comparisons if (this.input.value.includes('>')) { const parts = this.input.value.split('>'); if (parts.length === 2) { const left = eval(parts[0]); const right = eval(parts[1]); const result = left > right; this.input.value = result.toString(); } } else { const result = eval(this.input.value); this.input.value = result.toString(); } } catch (error) { this.input.value = 'Error'; setTimeout(() => { this.input.value = ''; }, 1000); } } .comparison-panel input { width: 100%
attachEvents() { const buttons = this.container.querySelectorAll('button[data-key]');
.keyboard-keys button:active { transform: translateY(0); } border: 1px solid #bdc3c7
createKeyboard() { const keyboardHTML = <div class="mobile-keyboard"> <div class="keyboard-row"> <button data-key="1">1</button> <button data-key="2">2</button> <button data-key="3">3</button> <button data-key="4">4</button> <button data-key="5">5</button> <button data-key="6">6</button> <button data-key="7">7</button> <button data-key="8">8</button> <button data-key="9">9</button> <button data-key="0">0</button> </div> <div class="keyboard-row"> <button data-key=">">></button> <button data-key="<"><</button> <button data-key="=">=</button> <button data-key="+">+</button> <button data-key="-">-</button> <button data-key="*">*</button> <button data-key="/">/</button> <button data-key="(">(</button> <button data-key=")">)</button> </div> <div class="keyboard-row"> <button data-key="clear" class="clear-btn">Clear</button> <button data-key="backspace" class="backspace-btn">⌫</button> <button data-key="evaluate" class="eval-btn">=</button> </div> </div> ;
