Hola espero que esta pregunta no sea confusa pero ¿Como puedo llamar 2 funciones en una sola linea y que esta dependa de otra? Ejemplo:
function().function();
Es algo asi como lo que hace JQuery. Ejemplo:
$('h1').text('Hola mundo!');
Mi problema es que no tengo idea de como se haga eso y mi mayor intento para hacerlo fue el siguiente:
let auto = 0
function stTxt (color, backgroundColor) {
document.onmouseup = function () {
const element = document.createElement('span')
element.setAttribute('id', `stElement${auto}`)
window
.getSelection()
.getRangeAt(0)
.surroundContents(element)
const selectedElement = document.getElementById(`stElement${auto}`)
selectedElement.style.color = color
selectedElement.style.backgroundColor = backgroundColor
auto++
function stSize (fontSize) {
const elementSpan = document.getElementById(`stElement${auto}`)
elementSpan.style.fontSize = fontSize
}
}
}
El problema de esto es que al poner así las funciones estas solo se llamarían de la siguiente forma de acuerdo a la documentación oficial de javascript:
function()();
La razón por la que quiero lograr hacer esto es que la segunda función quiero que sea solamente opcional para el usuario pero como se pueden dar cuenta esta función depende directamente de la anterior porque quisiera agregar mas funcionalidad a la función principal de ser requerido.
function( ).method( )
es llamar a un método del objeto devuelto por una función, yfunction( )( )
es llamar a una función devuelta por la llamada a otra. ¿ Cual es el problema con esto ?