HTML — Как я могу изменить изображение с помощью Javascript и Ajax?

Как я могу изменить изображение, используя Javascript и Ajax?

У меня есть четыре папки, в которых есть фотографии. Я хочу иметь возможность перейти в одну из этих папок в зависимости от того, что выберет пользователь, а затем отобразить изображение, соответствующее тому, что пользователь ввел. Например, мои четыре папки — десятилетия 80-х-2010-х. Если пользователь вводит 80-е и нажимает «Отправить», веб-сайт перейдет в папку 80-х и выберет случайное изображение из этой папки.

Ниже моя форма ввода

 {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;div id="form" class="form-group row"{amp}gt; {amp}lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 justify-content-center"{amp}gt; {amp}lt;form action="" method="post"{amp}gt; {amp}lt;label{amp}gt;Enter a decade from the 1980s - 2019{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="input" placeholder="Ex: 1980s or 80s"{amp}gt; {amp}lt;button id="1stButton" type="button" class="btn btn-primary text-right" onclick="decade(event)"{amp}gt;submit{amp}lt;/button{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Ниже мой код сценария

 function decade(){ var dec = document.getElementById("input").value; var picInput = document.getElementById("pic"); var captionText = document.getElementById("caption"); if (dec == 1980   "s" || dec == 80  "s"){ } if (dec == 1990   "s" || dec == 90  "s"){ } } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector