Problema:Se cuenta con una lista ordenada, proceder a obtener la referencia al primer elemento de la lista y agregar un punto final al texto de la misma empleando la propiedad innerText.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prueba</title>
</head>
<body>
<ol id="lista1">
<li>Opción A</li>
<li>Opción B</li>
<li>Opción C</li>
<li>Opción D</li>
</ol>
<input type="button" value="Agregar punto final" onclick="agregarPunto()">
<script src="funciones.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prueba</title>
</head>
<body>
<ol id="lista1">
<li>Opción A</li>
<li>Opción B</li>
<li>Opción C</li>
<li>Opción D</li>
</ol>
<input type="button" value="Agregar punto final" onclick="agregarPunto()">
<script src="funciones.js"></script>
</body>
</html>
function agregarPunto() {
let lista = document.getElementById("lista1")
let obj = lista.firstElementChild
while (obj != null) {
obj.innerText = obj.innerText + "."
obj = obj.nextElementSibling
}
}