Данные поля ввода не заполняются автоматически - PullRequest
Новая
       41

Данные поля ввода не заполняются автоматически

0 голосов
/ 17 апреля 2020

Я создаю html форму для записи результатов учащегося. где я хочу, чтобы поле результатов автоматически заполнялось значениями «Пропустить» или «Неудачно» на основе оценок, которые получил студент. Если ученик получил меньше, чем проходные баллы по любому из предметов, результат будет неудачным. ниже приведен код, который я написал 

<html>
<script>
function changeresult() {
   var Computer = document.querySelector('input[name="Computer"]:checked').value;
 var Hindi = document.querySelector('input[name="Hindi"]:checked').value;
 var Biology = document.querySelector('input[name="Biology"]:checked').value;
 var Math = document.querySelector('input[name="Math"]:checked').value;
 var Physics = document.querySelector('input[name="Physics"]:checked').value;
 var English = document.querySelector('input[name="English"]:checked').value;

if(Computer=="<30%" &&( Hindi =="40%" || Hindi =="<40%") && Biology =="<25%" && ( Math =="50%" || Math =="<50%") && ( Physics =="35%" || Physics =="<35%") && ( English =="45%" || English =="<45%"){

document.getElementById("result").innerHTML = "Pass";

}else
{
document.getElementById("result").innerHTML = "Fail";
}

</script>
 <div class="form-group row">
      <label for="inputPassword3" class="col-sm-5 col-form-label" style="color: #2874a6 ;">Computer(Passing Marks =30%)</label>
      <div class="col-sm-6">
        <div class="radio-inline">
  <input class="form-check-input" type="radio" name="Computer" id=">30%" value=">30%"  onClick="changeresult();" checked>
  <label class="form-check-label" for="inlineRadio1" style="color: green ;">>30%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Computer" id="<30%" value="<30%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;"><30%</label>
</div>

</div>
</div>

<div class="form-group row">
      <label for="inputPassword3" class="col-sm-5 col-form-label" style="color: #2874a6 ;">Hindi(Passing Marks =40%)</label>
      <div class="col-sm-7">
       <div class="radio-inline">
  <input class="form-check-input" type="radio" name="Hindi" id="40%" value="40%" onClick="changeresult();" checked>
  <label class="form-check-label" for="inlineRadio1" style="color: green ;">40%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Hindi" id="<40%" value="<40%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;"><40%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Hindi" id=">40%" value=">40%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;">>40%</label>
</div>
</div>
</div>

<div class="form-group row">
      <label for="inputPassword3" class="col-sm-5 col-form-label" style="color: #2874a6 ;">Biology(Passing Mark=25%) </label>
      <div class="col-sm-6">
        <div class="radio-inline">
  <input class="form-check-input" type="radio" name="Biology" id=">25%" value=">25%" onClick="changeresult();" checked>
  <label class="form-check-label" for="inlineRadio1" style="color: green ;">25%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Biology" id="<25%" value="<25%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;"><25%</label>
</div>
</div>
</div>

<div class="form-group row">
      <label for="inputPassword3" class="col-sm-5 col-form-label" style="color: #2874a6 ;">Math (Passing Marks= 50%)</label>
      <div class="col-sm-6">
       <div class="radio-inline">
  <input class="form-check-input" type="radio" name="Math" id="50%" value="50%" onClick="changeresult();" checked>
  <label class="form-check-label" for="inlineRadio1" style="color: green ;">50%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Math" id="<50%" value="<50%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;"><50%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Math" id=">50%" value=">50%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;">>50%</label>
</div>
</div>
</div>

<div class="form-group row">
      <label for="inputPassword3" class="col-sm-5 col-form-label" style="color: #2874a6 ;">Physics(Passing Marks= 35%)</label>
      <div class="col-sm-7">
         <div class="radio-inline">
  <input class="form-check-input" type="radio" name="Physics" id="35%" value="35%" onClick="changeresult();" checked>
  <label class="form-check-label" for="inlineRadio1" style="color: green ;">35%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Physics" id="<35%" value="<35%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;"><35%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="Physics" id=">35%" value=">35%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;">>35%</label>
</div>
</div>
</div>

<div class="form-group row">
      <label for="inputPassword3" class="col-sm-5 col-form-label" style="color: #2874a6 ;">English (Passing Marks= 45%)</label>
      <div class="col-sm-7">
        <div class="radio-inline">
  <input class="form-check-input" type="radio" name="English" id="45%" value="45%" onClick="changeresult();"  checked>
  <label class="form-check-label" for="inlineRadio1" style="color: green ;">45%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="English" id=">45%" value=">45%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;">>45%</label>
</div>
<div class="radio-inline">
  <input class="form-check-input" type="radio" name="English" id="<45%" value="<45%" onClick="changeresult();" >
  <label class="form-check-label" for="inlineRadio2" style="color: green ;"><45%</label>
</div>
</div>
</div>

<div class="form-group row">
      <label for="result" class="col-sm-5 col-form-label" style="color: #2874a6 ;">Result</label>

    <div class="col-sm-6">
       <input type="text " class="form-control" id="result" readonly >
    </div>
 </div>
</html>

Может ли кто-нибудь пересмотреть код и сообщить мне, где я ошибаюсь. Заранее спасибо!

...