let i12 = document.querySelector('.i-12');
let b12 = document.querySelector('#b-12');
let div12 = document.querySelector('.out-12');
const types = { /* ключ : ' что выводить' - отредактируйте сами*/
'undefined': 'undefined',
'object': 'object/oser',
'boolean': 'bool',
'number': 'number',
'string': 'string',
'symbol': 'symbol',
'function': 'func',
}
b12.onclick = function f12() {
let current_type = i12.value; // значение input
if (typeof types[typeof current_type] !== "undefined") { // если существует такой ключ в объекте, то
div12.innerHTML = types[typeof i12] + ''; // выводим в блоке div12
} else { // иначе
div12.innerHTML = ''; // очищаем блок div12 - value = ""
}
}