let element , element2;
someFuncton(element.style.height, element);
someFuncton(element.style.width, element)
function someFuncton(value, element){
/* теперь тут доступен элемент и у него можно менять разные стили */
}
function tr(){
texta.value += '<table><tbody>'; // Один раз создаёте таблицу
for(let i = 0; i<table1.value;i++){
texta.value += '<tr>';
td(); /* Вызов td() должен быть тут, внутри строки, и нигде больше */
texta.value += '</tr>';
// texta.value += `<table><tbody><tr><td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td></tr>`
}
}
function td(){
for(let i = 0; i<table2.value;i++){
texta.value += '<td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td>';
// texta.value += `<table><tbody><tr><td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td></tr>`
}
}
let gd = document.querySelector('#gd');
let str = gd.innerText;
let number_gd = parseInt(str.replace(/[^\d]/g, ''));
if (number_gd > 10)
document.querySelector('#example').style.visibility = 'hidden';
<input id="my_input" type="range" value="0" max="100" min="0">
var inp_value; // Здесь храните значение range
// Ваша функция для действий со значением из range
function my_function(value) {
// что-то делаете с полученным значением
}
// Вешаете обработчик события mousemove на range
document.querySelector("#my_input").addEventListener("mousemove", function() {
inp_value = this.value; // Сохраняете изменённое значение
});
my_function(inp_value); // Собственно, вызываете ф-ю со значением range