React Native Калькулятор

let getActive = () => {
                return document.getElementById('__active');
            }
        
            let setActive = (input) => {
                getActive().id = '__oldActive';
                input.id = '__active';
            }
            
            let preventDefaultActive = () => {
                document.getElementById('console1_left').id = '__active';
            }
        
            let writer = (value) => {
                let inwritableInput = getActive();
                value.trim();
                inwritableInput.value += value;
            }
            
            let cancel = () => {
                getActive().value = getActive().value.slice(0, -1);
            }
            
            let find = () => {
                let c1 = document.getElementsByName('c1')[0].value;
                let c2 = document.getElementsByName('c2')[0].value;
                let c3 = document.getElementsByName('c3')[0].value;
                
                let finder;
                let results = [];
                
                let colors = [
                    '#33CC33', //Z
                    '#FF9900', //J
                    '#FF0000', //K
                    '#9999CC', //G
                    '#3300FF', //C
                    '#FF33CC', //F
                ];
                
                for (let i in consoleMap) {
                    //console.log(consoleMap[i]);
                    finder = consoleMap[i];
                    
                    if(finder[0] == c1 && finder[1] == c2 && finder[2] == c3) {
                        results.push(finder[3]);
                    }
                }
                
                if(results.length  > 0 && typeof results != 'underfined' && Array.isArray(results)) {
                    document.getElementById('__result').innerHTML = results.map((c) => {
                        let hui;
                        
                       // тут надо закрыть глаза и пролистать
                        if(/зеленая/i.test(c)) {
                            hui = '<p style="color: ' + colors[0] + '">' + c + '</p>'
                        } else if(/желтая/i.test(c)) {
                            hui = '<p style="color: ' + colors[1] + '">' + c + '</p>'
                        } else if(/красная/i.test(c)) {
                            hui = '<p style="color: ' + colors[2] + '">' + c + '</p>'
                        } else if(/Голубая/i.test(c)) {
                            hui = '<p style="color: ' + colors[3] + '">' + c + '</p>'
                        } else if(/синяя/i.test(c)) {
                            hui = '<p style="color: ' + colors[4] + '">' + c + '</p>'
                        } else if(/Фиолетовая/i.test(c)) {
                            hui = '<p style="color: ' + colors[5] + '">' + c + '</p>'
                        } else {
                            hui = c;
                        }
                        
                        return hui;
                    }).join('<br>');
                    
                     return;
                }
                
                document.getElementById('__result').innerText = 'Not search result...';
                        
                return;
            }
        
            window.onload = (e) => {
                preventDefaultActive();
            }
            
            const consoleMap = [
                ['1', '1', '2', 'Белая 1', ''],
                ['1', '1', '2', 'Желтая 3', ''],
                [5, 9, 11, 'Фиолетовая 2', '']
            ]