Quickstart Guide

Model: GPT-4 → Context Limit: 8,192 tokens
Model: GPT-4 Turbo → Context Limit: 128,000 tokens
Model: Claude 3.5 Sonnet → Context Limit: 200,000 tokens
Model: Gemini 1.5 Pro → Context Limit: 2,097,152 tokens

// Clears text input and resets all displays
document.getElementById('clear-btn').addEventListener('click', () => {
    analyzer.handleClear();
});

async handleTextChange() {
    await this.performRealTimeAnalysis();
}

async performRealTimeAnalysis() {
    const text = this.uiController.getTextInput().trim();
    const selectedModel = this.uiController.getSelectedModel();
    
    if (!text) {
        this.resetDisplays();
        return;
    }
    
    const tokenResult = await this.tokenizationService.tokenizeText(text, selectedModel);
    const statistics = this.statisticsCalculator.calculateStatistics(
        text, tokenResult, selectedModel
    );
    
    this.updateDisplays(tokenResult, statistics);
}

// Main application class
class TokenAnalyzer {
    constructor() {
        this.tokenizationService = new TokenizationService();
        this.uiController = new UIController();
        this.statisticsCalculator = new StatisticsCalculator();
        this.init();
    }
}

// Initialized on page load
document.addEventListener('DOMContentLoaded', () => {
    const analyzer = new TokenAnalyzer();
});