I’m trying to output success
to the log if two conditions are met in an if
statement in jQuery.
My click functions are working fine and changing the values. I just can’t get the if
statement to work:
<script> var netflixClicked = 0; var primeClicked = 0; var searchClicked = 0 $("#netflix").click(function() { netflixClicked = "1"; console.log('netflix' + ' ' + netflixClicked) }); $("#prime").click(function() { primeClicked = "1"; console.log('prime' + ' ' + primeClicked) }); $("#searchButton").click(function() { searchClicked = "1"; console.log('search' + ' ' + searchClicked) }); $(document).ready(function() { if ((netflixClicked == 1) && (searchClicked == 1)) { console.log('success') } }); </script>
Advertisement
Answer
that ?
const BtClick = { netflix : 0 , prime : 0 , search : 0 } $("#netflix, #prime, #search").click(function() { BtClick[this.id]++ console.log(this.id , BtClick[this.id] ) if (BtClick.netflix && BtClick.search) { console.log('success') } })
.as-console-wrapper { max-height:100% !important; top:0; left:70% !important; width:30%; } .as-console-row { background-color: yellow; } .as-console-row::after { display:none !important; } .as-console-row::before { content: 'log:'; font-size: .8em; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="netflix" > netflix </button> <button id="prime" > prime </button> <button id="search" > search </button>