JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <form id="searchbox">
        <input id="search" type="text" placeholder="Type here" />
    </form>
    <button id="submit">Search</button>    
    <div class="space"></div>
    <div class="element" id="item1">Item 1</div>
    <div class="space"></div>
    <div class="element" id="item2">Item 2</div>
    <div class="space"></div>
    <div class="element" id="item3">Item 3</div>
    <div class="space"></div>
    <div class="element" id="item4">Item 4</div>
    <div class="space"></div>
</div>

CSS

.space {
		width:100%;
		height:500px;
		background-color:#FFF;
}

JavaScript

$("#submit").click(function() {
    $(".element").each(function() {
        if ($(this).attr("id") == $("#search").val()) {
           $('html,body').animate({
               scrollTop: $(this).offset().top
           });
        }
    });
});