some changes in temp converter

massam89 · massam89 · commit dcefe97caf2e · 2021-09-11T18:28:24.000+04:30
diff --git a/Week2/homework/Masoud/tempConverter/app.js b/Week2/homework/Masoud/tempConverter/app.js
@@ -1,6 +1,6 @@
-const celciusInput = document.querySelector('#celcius > input');
-const fahrenheitInput = document.querySelector('#fahrenheit > input');
-const kelvinInput = document.querySelector('#kelvin > input');
+const celciusInput = document.getElementById('celcius');
+const fahrenheitInput = document.getElementById('fahrenheit');
+const kelvinInput = document.getElementById('kelvin');
 
 celciusInput.addEventListener('input', function() {
     const cTemp = parseFloat(celciusInput.value);
diff --git a/Week2/homework/Masoud/tempConverter/index.html b/Week2/homework/Masoud/tempConverter/index.html
@@ -10,16 +10,16 @@
       href="favicon.ico">
 </head>
 <body>
-  <div id="celcius">
-    <input type="number" placeholder="celcius...">
+  <div class="celcius">
+    <input id="celcius" type="number" placeholder="celcius...">
   </div>
 
-  <div id="fahrenheit">
-    <input type="number" placeholder="fahrenheit...">
+  <div class="fahrenheit">
+    <input id="fahrenheit" type="number" placeholder="fahrenheit...">
   </div>
     
-  <div id="kelvin">
-    <input type="number" placeholder="kelvin...">
+  <div class="kelvin">
+    <input id="kelvin" type="number" placeholder="kelvin...">
   </div>
   
   <script src="app.js"></script>
diff --git a/Week2/homework/Masoud/tempConverter/style.css b/Week2/homework/Masoud/tempConverter/style.css
@@ -12,7 +12,7 @@ div {
   height: 33.33vh;
 }
 
-#fahrenheit {
+.fahrenheit {
   border-bottom: 3px solid white;
   border-top: 3px solid white;
 }
@@ -30,18 +30,4 @@ input[type='number'] {
 
 ::-webkit-input-placeholder {
   color: grey;
-}
-
-::-moz-placeholder {
-  color: grey;
-}
-
-::-ms-input-placeholder {
-  color: grey;
-}
-
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
+}
