Was trying to make a multipurpose calendar application
Currently i only need fron August…
<div class="page-1" id="page-1">
<div class="calender" id="calender">
<select name="" id="">
<option value="">Jan</option>
<option value="">Feb</option>
<option value="">Mar</option>
<option value="">Apr</option>
<option value="">May</option>
<option value="">Jun</option>
<option value="">Jul</option>
<option value="">Aug</option>
<option value="">Sep</option>
<option value="">Oct</option>
<option value="">Nov</option>
<option value="">Dec</option>
</select>
<div id="img-grp" class="img-grp">
<img src="" alt="Jan" id="Jan">
<img src="" alt="Feb" id="Feb">
<img src="" alt="Mar" id="mar">
<img src="" alt="Apr" id="Apr">
<img src="" alt="May" id="may">
<img src="" alt="Jun" id="jun">
<img src="" alt="Jul" id="jul">
<img src="months-png/aug.png" alt="Aug" onclick="aug()" id="aug">
<img src="months-png/sep.png" alt="Sep" onclick="sep()" id="sep">
<img src="months-png/oct.png" alt="Oct" onclick="oct()" id="oct">
<img src="months-png/nov.png" alt="Nov" onclick="nov()" id="nov">
<img src="months-png/dec.png" alt="Dec" onclick="dec()" id="dec">
</div>
</div>
<script>
$('#aug').hide
$('#sep').hide
$('#oct').hide
$('#nov').hide
$('#dec').hide
function aug() {
$('#aug').show
$('#sep').hide
$('#oct').hide
$('#nov').hide
$('#dec').hide
}
function sep() {
$('#aug').hide
$('#sep').show
$('#oct').hide
$('#nov').hide
$('#dec').hide
}
function oct() {
$('#aug').hide
$('#sep').hide
$('#oct').show
$('#nov').hide
$('#dec').hide
}
function nov() {
$('#aug').hide
$('#sep').hide
$('#oct').hide
$('#nov').show
$('#dec').hide
}
function dec(){
$('#aug').hide
$('#sep').hide
$('#oct').hide
$('#nov').hide
$('#dec').show
}
</script>
I tried using jquery,
$('#aug').hide
but it just gave
the page
can anyone pls help
there are also some extra code which shows the time and more images…
more details : it is running locally, and have no plans to host..
according to visual studio code , there are no problems in the code…
google chrome also says there are no problems inn the code., Atleast it doesnt show up in the console
Aiswariya kk is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
2
(1) You’re missing () at the end of your functions. e.g. $(‘#aug’).hide should be $(‘#aug’).hide(). Without these parentheses, the methods are not actually being executed, which is why you’re not seeing any changes on the page.
(2) Hide everything but August at the beginning.
$('#aug').show();
$('#sep').hide();
$('#oct').hide();
$('#nov').hide();
$('#dec').hide();