Измените значение свойства тела «zoom» во внешнем CSS-файле, используя JavaScript

Я пытаюсь изменить значение свойства масштабирования, которое у меня есть во внешнем файле css на селекторе. Этот масштаб установлен на 100% и является общим для всех HTML-документов, в которых есть связанный файл css. Что я хочу сделать, так это: у меня есть ссылка в документе HTML.

<a onClick="zoom('80%')">80%</a>

Функция javascript - это:

function zoom(zoom)
{
    $("a").click(function()
    {
        $('body').css('zoom','80%');
    }); 

}

Я хочу, чтобы это произошло, нажав на ссылку, она вызовет функцию и отправит ее в 80%. То, что я тогда хочу, чтобы функция выполняла, заключается в том, чтобы войти в мой внешний css и заменить 100% на 80%:

body                                                                        
{
    zoom: 100%;

}

Я действительно не знаю, как это сделать, поэтому я спрашиваю вас, ребята! Это часть моей последней задачи для курса веб-дизайна, который я принимаю, поэтому я действительно хочу, чтобы это работало!