LesRecettesDePapis/sidebar.php

<script>
    function test(){
        let rep = window.confirm("continuer ?");
        window.alert("rep " + rep);
    }
</script>
<div class="tag-cont">
    <h4>Tag</h4>
    <div class="tag-selected-div">
        <ul>
            <li class="tag tag-selected">Tag 1</li>
            <li class="tag tag-selected">Tag 2</li>
        </ul>
    </div>
    <form class="sidebar-search" action="none">
        <input type="text" class="search-form search-form-tag" name="search-tag" placeholder="Rechercher..." >
    </form>
    <div class="tag-unselected-div">
        <ul>
            <li class="tag tag-unselected" onclick="test()">Tag 1</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
            <li class="tag tag-unselected">Tag 2</li>
            <li class="tag tag-unselected">Tag 3</li>
            <li class="tag tag-unselected">Tag 4</li>
        </ul>
    </div>
</div>
<hr id="hr">
<div class="ingr-cont">
    <h4>Ingrédient</h4>
    <div class="tag-selected-div">
        <ul>
            <li class="tag tag-selected">ingr 1</li>
            <li class="tag tag-selected">ingr 2</li>
        </ul>
    </div>
    <form class="sidebar-search" action="none">
        <input type="text" class="search-form search-form-tag" name="search-ingr" placeholder="Rechercher..." >
    </form>
    <div class="tag-unselected-div">
        <ul>
            <li class="tag tag-unselected" onclick="test()">ingr 1</li>
            <li class="tag tag-unselected">ingr 2</li>
            <li class="tag tag-unselected">ingr 3</li>
            <li class="tag tag-unselected">ingr 4</li>
        </ul>
    </div>
</div>