<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JS Change tag inner Text</title>
<style>
#text {
border: 1px solid rgb(117, 117, 117);
padding: 5px;
}
</style>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div id ="a">a</div> <!-- здесь я добавил новый блок с текстом а, чтобы было легче понимать -->
<button onclick = "changeGalaxyPrice()">change</button>
<button onclick = "returnGalaxyPrice()">return</button>
<script src="app.js"></script>
</body>
</html>
let firstPrice = "1000.00" // объявляю переменную начального значения, это не столь важно, для примера сойдет
let galaxyPrice = document.getElementById('a') // здесь я получаю один лишь элемент с ID "galaxys10price"
function changeGalaxyPrice(){
galaxyPrice.innerText = "$1200.00" // var.innerText заменяет внутренний HTML текст
}
function returnGalaxyPrice(){
galaxyPrice.innerText = firstPrice // тут то же самое что и в первой функции, но я возвращаю, можете покликать
}