Insertar un botón «Leer más…» desde JavaScript

Primero creamos una nueva página donde insertamos el texto completo que queremos mostrar al «clickar» en el botón y el elemento «button» al final… Colocamos un elemento «span» con id «puntitos» en el lugar donde queremos que deje de mostrarse el texto. Y, además, otro elemento «span» con id (p. «leerMas» con el resto del texto que queremos desplegar cuando «clickemos» sobre el botón con id «botonLeerMas».
Creamos un atributo CSS para la id «leerMas» con la orden «display: none» para que no se desplegue el texto insertado en el elemento que contiene esa id. Generamos un script en un fragmento de código que ejecuta una función mediante la cual, al «clickar» sobre el botón «leerMas», si está en «display: none» lo cambia a «display: inline»Creamos un atributo CSS para la id «leerMas» con la orden «display: none» para que no se desplegue el texto insertado en el elemento que contiene esa id.
Generamos un script en un fragmento de código que ejecuta una función mediante la cual, al «clickar» sobre el botón «leerMas», si está en «display: none» lo cambia a «display: inline».