我的基本div滑块的兼容性和可能的​​问题

Question

我从来没有使用或开发任何网页滑块，这是我的第一次。所以我搜索了一个教程，发现他正在使用以下JQuery代码来填充网页上的div。

$(document).ready(function() {
          $('#controls').on('click', 'span', function(){
            $("#inner_container").css("transform","translateX("+$(this).index() * -450+"px)");
          });
        })

由于我在页面上有单个滑块，并且没有jQuery用于任何其他目的，我决定不使用JQuery，因此将脚本更改为

function slide(i)
        {
            document.getElementById("inner_container").style.transform="translateX("+(i*-450)+"px)"
        }

并将此函数称为

<div id="controls"><span onclick='slide(3);'>Show Third</span></div>

它的工作正常，但我想知道这个替换有任何陷阱因为我在我的网站上使用它进行导航而我的整个网站都依赖于它？