{"id":25,"date":"2023-07-27T08:43:29","date_gmt":"2023-07-27T06:43:29","guid":{"rendered":"https:\/\/www.mylesmis.co.za\/?page_id=25"},"modified":"2026-02-22T00:22:51","modified_gmt":"2026-02-21T22:22:51","slug":"led-resistor-calculator","status":"publish","type":"page","link":"https:\/\/www.mylesmis.co.za\/wordpress\/led-resistor-calculator\/","title":{"rendered":"LED Resistor Calculator"},"content":{"rendered":"\n<p>(Created by JJvZ, July 2021)<\/p>\n\n<script>\nfunction calculateTotal()\n{\n  let led_volts={\n    red: 1.7,\n    yellow: 2.1,\n    green: 2.1,\n    white:2.7,\n    blue:2.3    \n  };\n  let item_price={}\n  \n  item_price.red = ($(\"#qty_red\").val() * led_volts.red )\n  $(\"#price_red\").val(item_price.red);\n  \n  item_price.yellow = ($(\"#qty_yellow\").val() * led_volts.yellow )\n  $(\"#price_yellow\").val(item_price.yellow);\n   \n  let total = item_price.yellow + item_price.yellow;\n\n  $(\"#total_value\").text(total);\n  \n}\n\n$(function()\n {\n    $(\".qty\").on(\"change keyup\",calculateTotal)\n})\n\n<\/script>\n\n<style>\n  .row-heading  \n  {\n    font-size:1.3rem;\n    font-weight:bold;\n  }\n  .total\n  {\n    font-size:2rem;\n    font-weight:bold;\n  }\n  .total-val\n  {\n    font-size:2rem;\n    border:\n  }\n<\/style>\n\n  <body>\n \n<form>\n\u00a0 <input type=\"radio\" id=\"red\" name=\"led_col\" value=\"red\">\n\u00a0 <label for=\"red\">Red<\/label><br>\n\u00a0 <input type=\"radio\" id=\"yellow\" name=\"led_col\" value=\"yellow\">\n\u00a0 <label for=\"yellow\">Yellow<\/label><br>\n\u00a0 <input type=\"radio\" id=\"green\" name=\"led_col\" value=\"green\">\n\u00a0 <label for=\"greed\">Green<\/label>\n<\/form> \n\n   <div class=\"container mt-4\">\n      <div class=\"row\">\n        <div class=\"col-3 row-heading\">\n          LED\n        <\/div>\n        <div class=\"col-2 row-heading\">\n          Volts\n        <\/div>\n        <div class=\"col-1 row-heading\">\n          Price\n        <\/div>\n      <\/div>\n\n      <div class=\"row\">\n        <div class=\"col-3\">\n          1. Red LED\n        <\/div>\n        <div class=\"col-2\">\n          <input type=\"number\" value=\"0\" class=\"qty\" id=\"qty_red\"\/>\n        <\/div>\n        <div class=\"col-1\">\n          <input type=\"number\" readonly value=\"0\" id=\"price_red\"\/>\n        <\/div>\n      <\/div>\n      \n      <div class=\"row my-3\">\n        <div class=\"col-3\">\n          2. Yellow LED\n        <\/div>\n        <div class=\"col-2\">\n          <input type=\"number\" value=\"0\" class=\"qty\" id=\"qty_yellow\"\/>\n        <\/div>\n        <div class=\"col-1\">\n          <input type=\"number\" readonly value=\"0\" id=\"price_yellow\"\/>\n        <\/div>\n      <\/div>\n            \n    <\/div>\n\n     \n    <div class=\"row my-4\">\n      <div class=\"col-5 text-right total\">\n         Total\n      <\/div>\n        \n      <div class=\"col-2 total-val\">\n        <span id=\"total_value\">0<\/span\n      <\/div>\n    <\/div>\n\n      \n\n \n<?php\n$color = \"red\";\necho \"My car is \" . $color . \"<br>&#8220;;\necho &#8220;My house is &#8221; . $COLOR . &#8220;<br>&#8220;;\necho &#8220;My boat is &#8221; . $coLOR . &#8220;<br>&#8220;;\n\n\/\/ You can also use comments to leave out parts of a code line\n$x = 5 \/* + 15 *\/ + 5;\necho $x;\n?>\n \n<\/body>\n\n\n<nav class=\"is-responsive wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Contact\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>","protected":false},"excerpt":{"rendered":"<p>(Created by JJvZ, July 2021) \u00a0 \u00a0 Red \u00a0 \u00a0 Yellow \u00a0 \u00a0 Green LED Volts Price 1. Red LED 2. Yellow LED Total 0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry","no-thumb"],"_links":{"self":[{"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/pages\/25\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/www.mylesmis.co.za\/wordpress\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}