Widget:Guides/PlatformSwitcher: Difference between revisions

Revision as of 23:30, 6 December 2024

<form>

 <fieldset>
   <legend>Select your operating system:</legend>

   <label>
     <input type="radio" name="platform" value="windows" checked /> Windows
   </label>

   <label>
     <input type="radio" name="platform" value="macos" /> macOS
   </label>

   <label>
     <input type="radio" name="platform" value="linux" /> Linux
   </label>

   <label>
     <input type="radio" name="platform" value="haiku" /> Haiku
   </label>
 </fieldset>

</form>

function switch(value) {

 for (const x of containers) {
   x.style.display = "none"
 }
 document.querySelector('.' + value).style.display = "block";

} </script>

@@ Line 23: / Line 23: @@
 <script type="module" defer>
 const containers = document.querySelectorAll('.platform-specific');
-hide_everything();
+switch('windows');
-function hide_everything() {
+function switch(value) {
-   containers.forEach(x => x.style.display = "none");
+   for (const x of containers) {
+    x.style.display = "none"
+  }
+  document.querySelector('.' + value).style.display = "block";
 }
 </script>