Respan Dataset Explorer

Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set:
Câu hỏi: Khi tạo bảng trong cơ sở dữ liệu có hỗ trợ khoá ngoài (foreign key), việc thiết lập khoá ngoài được thực hiện bằng cách ?
A. Xác định cột trong bảng hiện tại là khoá ngoài.
B. Chỉ định bảng mà khoá ngoài này tham chiếu đến (bảng gốc).
C. Cả hai đáp án trên đều đúng.
D. Cả hai đáp án trên đều sai.
Đáp án đúng: Cả hai đáp án trên đều đúng
Notes that:
1. Remember that the multichoice question above must not be included in the paragraphs or phrase
2. You can not take an example same as the question
3. Explain detail like in the actual textbook
4. All instructions must be given in general form

Trong lĩnh vực quản lý cơ sở dữ liệu, khái niệm về khoá ngoài (foreign key) đóng vai trò quan trọng trong việc duy trì tính toàn vẹn dữ liệu. Khóa ngoài là một trường hoặc tập hợp các trường trong một bảng, dùng để tạo mối quan hệ với khóa chính (primary key) của một bảng khác. Việc thiết lập khóa ngoài giúp đảm bảo rằng các dữ liệu liên quan giữa các bảng được liên kết một cách hợp lý và chính xác, đồng thời ngăn chặn các thao tác dẫn đến dữ liệu không nhất quán.

Để thiết lập khóa ngoài trong một bảng cơ sở dữ liệu, ta cần thực hiện các bước cơ bản như sau:

1. **Xác định cột khóa ngoài**: Trước tiên, cần xác định cột hoặc các cột trong bảng hiện tại sẽ đóng vai trò là khóa ngoài. Nhờ vào cột này, dữ liệu sẽ được liên kết với bảng khác có khóa chính tương ứng.

2. **Chỉ định bảng tham chiếu**: Sau khi xác định cột khóa ngoài, cần thiết lập kết nối với bảng khác mà cột này sẽ tham chiếu đến. Điều này đòi hỏi việc chỉ định bảng gốc, tức là bảng chứa khóa chính mà khóa ngoài hướng tới. Việc chỉ định này sẽ thiết lập mối quan hệ giữa hai bảng, giúp cho các tham chiếu chéo được thực hiện một cách chính xác.

Thiết kế cơ sở dữ liệu với các khóa ngoài được thiết lập đúng đắn không chỉ giúp bảo toàn tính toàn vẹn tham chiếu mà còn tối ưu hóa việc truy vấn dữ liệu phức tạp xét từ nhiều bảng dữ liệu khác nhau. Việc thực hiện tốt các bước này mang lại lợi ích lâu dài cho việc quản lý và khai thác thông tin trong các hệ thống cơ sở dữ liệu quy mô lớn.

1.
Контрольная работа Nel по теме
«Химические реакции. Электролитическая диссоциация»
Вариант 4
Укажите реакцию, являющуюся окислительно-восстановительной
A) Fe(OH), = FezO, + H20
5) FezO, + 3H,SO, = Fes(SOx)3 + 3H,0
B) FeCl + 3KOH = Fe(OH), + 3КСI
Г) 2FeCl + Cu = 2FeCl + CuCh

Окислительно-восстановительная реакция (ОВР) — это реакция, в которой происходит изменение степени окисления элементов. Давайте проанализируем предложенные варианты:

A) \( \text{Fe(OH)}_3 \rightarrow \text{Fe}_2\text{O}_3 + \text{H}_2\text{O} \)  
Здесь происходит разложение гидроксида на оксид и воду. Изменения степени окисления железа не происходит.

B) \( \text{FeCl}_3 + 3\text{KOH} \rightarrow \text{Fe(OH)}_3 + 3\text{KCl} \)  
Это реакция обмена между солями и основаниями, степени окисления элементов не меняются.

C) \( \text{Fe}_2\text{O}_3 + 3\text{H}_2\text{SO}_4 \rightarrow \text{Fe}_2(\text{SO}_4)_3 + 3\text{H}_2\text{O} \)  
Это реакция обмена между оксидом и кислотой, степени окисления элементов не меняются.

Г) \( 2\text{FeCl}_3 + \text{Cu} \rightarrow 2\text{FeCl}_2 + \text{CuCl}_2 \)  
Здесь происходит изменение степени окисления: медь (Cu) переходит из 0 в +2, а железо (Fe) из +3 в +2. Это и есть окислительно-восстановительная реакция.

Таким образом, правильный ответ — вариант Г.

Чем Наушники Samsung Galaxy Buds FE Graphite, Графит (SM-R400NZAAXME) отличаются от Беспроводные внутриканальные наушники Samsung Galaxy Buds FE, черный

Наушники Samsung Galaxy Buds FE Graphite (SM-R400NZAAXME) и беспроводные внутриканальные наушники Samsung Galaxy Buds FE чёрного цвета, вероятно, представляют собой одну и ту же модель, но могут отличаться некоторыми характеристиками или комплектацией в зависимости от региона или версии поставки. 

Вот возможные отличия, которые могут иметь место между такими моделями:

1. **Цвет**: Название графит и чёрный могут указывать на различия в оттенках, но это несущественная разница.

2. **Модельный номер**: Модельный номер SM-R400NZAAXME может означать конкретную конфигурацию или региональную версию продукта.

3. **Комплектация**: Различные версии могут иметь различия в комплектации, например, в зависимости от поставляемых аксессуаров, таких как зарядный кабель или сменные амбушюры.

4. **Региональная спецификация**: Некоторые версии могут иметь отличия в функции из-за различий в требованиях регионов, таких как поддержка определённых ассистентов или функция шумоподавления.

Рекомендуется ознакомиться с официальной спецификацией на сайте производителя или у авторизованного дилера, чтобы подтвердить все отличия и характеристики.

Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set:
Câu hỏi: Để thay đổi ảnh nền của phần đầu trang, em thực hiện như thế nào?
A. Nháy chuột vào biểu tượng A. Nháy chuột vào biểu tượng và thiết lập lại ảnh nền. và thiết lập lại ảnh nền.
B. Nháy chuột vào nút Đặt lại và thiết lập lại ảnh nền.
C. Nháy chuột vào nút Thay đổi hình ảnh và thiết lập lại ảnh nền.
D. Nháy chuột vào biểu tượng  D. Nháy chuột vào biểu tượng  và thiết lập lại ảnh nền. và thiết lập lại ảnh nền.
Đáp án đúng: Nháy chuột vào nút Đặt lại và thiết lập lại ảnh nền.
Notes that:
1. Remember that the multichoice question above must not be included in the paragraphs or phrase
2. You can not take an example same as the question
3. Explain detail like in the actual textbook
4. All instructions must be given in general form

### Hướng dẫn Thay đổi Ảnh Nền trong Tài Liệu Điện Tử

Việc tùy chỉnh ảnh nền cho phần đầu trang trong tài liệu điện tử giúp tạo điểm nhấn và làm cho văn bản của bạn trở nên sinh động hơn. Dưới đây là các bước tổng quan để thực hiện việc thay đổi ảnh nền:

**Bước 1: Truy cập vào Chế độ Chỉnh sửa**
- Mở tài liệu của bạn trong phần mềm soạn thảo hoặc ứng dụng cần thiết.
- Tìm biểu tượng hoặc nút cho phép chỉnh sửa tài liệu. Điều này có thể nằm trên thanh công cụ hoặc trong menu điều hướng.

**Bước 2: Chọn Khu vực Phần Đầu Trang**
- Di chuyển chuột đến khu vực phía trên cùng của trang, nơi bạn muốn thay đổi ảnh nền.
- Nháy chuột để chọn phần đầu trang, thường sẽ được hiển thị bởi một khung viền hoặc chỉ dẫn riêng.

**Bước 3: Lựa chọn Tùy chọn Thay đổi Ảnh Nền**
- Trên thanh công cụ, tìm và nháy chuột vào nút có chức năng thay đổi hình ảnh hoặc đặt lại hình ảnh. Nó có thể hiển thị dưới dạng một nút "Thay đổi Hình ảnh" hoặc "Cài đặt lại".
- Hệ thống có thể cung cấp các lựa chọn như tải ảnh từ máy tính hoặc sử dụng ảnh từ thư viện có sẵn.

**Bước 4: Thiết lập Ảnh Nền Mới**
- Sau khi nháy chuột vào nút thích hợp, cửa sổ chọn ảnh sẽ xuất hiện.
- Lựa chọn ảnh từ vị trí lưu trữ và nháy chuột để tải lên.

**Bước 5: Chỉnh sửa và Lưu lại Thay đổi**
- Sau khi ảnh nền được tải lên, điều chỉnh kích thước và vị trí của ảnh sao cho phù hợp với phần đầu trang.
- Cuối cùng, lưu lại các thay đổi bằng cách nháy chuột vào nút "Lưu" hoặc "Cập nhật" trên thanh công cụ.

Việc thay đổi ảnh nền không chỉ đơn thuần là thay thế hình ảnh, mà còn bao gồm cả việc điều chỉnh để đảm bảo tính thẩm mỹ và khả năng đọc của tài liệu. Hãy luôn xem trước tài liệu sau khi chỉnh sửa để đảm bảo rằng ảnh nền không làm cản trở nội dung chính của bạn.

Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set:
Câu hỏi: Nếu không chỉ định ASC hoặc DESC sau mệnh đề ORDER BY thì từ khóa nào được sử dụng theo mặc định?
A. INSERT.
B. SELECT.
C. INVERT.
D. UPDATE.
Đáp án đúng: INVERT
Notes that:
1. Remember that the multichoice question above must not be included in the paragraphs or phrase
2. You can not take an example same as the question
3. Explain detail like in the actual textbook
4. All instructions must be given in general form

Trong lĩnh vực lập trình cơ sở dữ liệu, việc sắp xếp dữ liệu theo một trình tự cụ thể là một thao tác quan trọng để tối ưu hóa việc truy vấn và hiển thị thông tin. Khi sử dụng các câu lệnh SQL để truy xuất dữ liệu từ một cơ sở dữ liệu, từ khóa ORDER BY thường được áp dụng để sắp xếp các bản ghi theo một hoặc nhiều cột cụ thể.

Từ khóa ORDER BY có thể đi kèm với các từ khóa ASC (ascending) để sắp xếp theo thứ tự tăng dần hoặc DESC (descending) để sắp xếp theo thứ tự giảm dần. Nếu không chỉ định rõ ASC hoặc DESC, thì một từ khóa mặc định sẽ được áp dụng tự động để xác định hướng sắp xếp của dữ liệu.

Giả sử chúng ta có một bảng dữ liệu chứa các thông tin về sách, với các cột như “Tên sách”, “Tác giả” và “Năm xuất bản”. Khi thực hiện truy vấn để sắp xếp danh sách các cuốn sách theo “Năm xuất bản”, nếu người lập trình không chỉ định rõ ràng hướng sắp xếp bằng cách sử dụng từ khóa ASC hoặc DESC sau ORDER BY, thì chương trình sẽ tự động sử dụng từ khóa mặc định theo quy định của hệ quản trị cơ sở dữ liệu.

Hiểu cách hoạt động của các từ khóa sắp xếp giúp lập trình viên và các nhà phân tích dữ liệu tận dụng tối ưu khả năng tổ chức và truy xuất thông tin từ các hệ thống cơ sở dữ liệu lớn và phức tạp. Thao tác này không chỉ làm tăng hiệu quả làm việc mà còn cải thiện khả năng tương tác và phân tích dữ liệu theo nhu cầu cụ thể.

Việc chú ý đến yếu tố mặc định khi sử dụng ORDER BY trong SQL là một phần cơ bản trong việc lập trình cơ sở dữ liệu và cần được nắm vững để xử lý dữ liệu hiệu quả và chính xác.

Generate a captivating product description for listing.
        Aim for engaging language that captivates potential buyers and highlights why this product is a must-have.
        Include details such as [points, sub-points, '
', '-']. 
        , Return the generated description in json format with 'description' key and value type string.
        The product is "مقص ليزر احترافي جديد، استخدام الليزر لسهولة وزيادة دقة القص
الليزر بيساعد على القص المستقيم بدون أي خطأ
الليزر بيغني عن رسم خط بالقلم والمسطرة قبل القص
مناسب لقص الأوراق والكرتون والأقمشة بمنتهى الدقة
مثالي لمحبي الأعمال اليدوية وبيسهل عليهم قص الخامات
متعدد الاستخدمات وبيساعد في القص الدقيق
مثالي للاستخدام في محلات الستائر والأقمشة
مميز بقصه السريع والدقيق للقماش ومفيد جداً في التفصيل
مثالي للاستخدام المنزلي أو في اتيليهات الخياطة
حجمه صغير ووزنه خفيف 
مقاس 21*cm 8" 
        Remove brands(Store Name) or replace it if required.

```json
{
  "description": "اكتشف قص ليزر احترافي جديد، حيث يلتقي الابتكار بالدقة لخلق تجربة قص لا مثيل لها. مع قص الليزر، ستتمكن من تعزيز دقة القص وسهولة الأداء بشكل لا يصدق. سواء كنت تتطلع إلى قص الأوراق، أو الكرتون، أو الأقمشة، فإن هذا المنتج سيضمن لك نتائج مثالية في كل مرة. \n\n- **دقة مذهلة**: يتيح لك نظام الليزر القطع المستقيم والخالي من الأخطاء دون الحاجة إلى رسم خطوط بالقلم والمسطرة. \n- **متعدد الاستخدامات**: مثالي لمحبي الأعمال اليدوية، حيث يسهل عليهم قص الخامات بدقة مذهلة وسرعة فائقة. \n- **أداة حيوية للأعمال**: سواء كان استخدامه في محلات الستائر أو الأقمشة، يوفر لك قص القماش بسرعة ودقة، يسهل عملية التفصيل بشكل كبير. \n- **ملائم للاستخدام المنزلي والاحترافي**: هذا المقص هو الخيار المثالي للاستخدام في المنازل أو في الأتيليهات، بفضل حجمه الصغير ووزنه الخفيف \n- **تصميم مدمج وعملي**: مع مقاس 21 سم × 8 بوصة، يسهل عليك تخزينه وحمله أينما كنت بحاجة إليه.\n\nاستعد لإعادة تعريف مفهومك في القطع واحصل على نتائج تفوق توقعاتك مع مقص الليزر الاحترافي الخاص بنا!"
}
```

Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set:
Câu hỏi: Khi muốn thay đổi kiểu của siêu liên kết trong trạng thái bình thường, bạn sử dụng lớp giả nào trong CSS?
A. a:hover.
B. a:active.
C. a:visited.
D. a:link.
Đáp án đúng: a:link
Notes that:
1. Remember that the multichoice question above must not be included in the paragraphs or phrase
2. You can not take an example same as the question
3. Explain detail like in the actual textbook
4. All instructions must be given in general form

Trong CSS (Cascading Style Sheets), lớp giả (pseudo-class) là một từ khóa thêm vào một bộ chọn để chỉ định trạng thái đặc biệt của phần tử. Các lớp giả thường được sử dụng để áp dụng phong cách khi người dùng tương tác với các phần tử theo những cách khác nhau, chẳng hạn như di chuột qua, nhấn, hoặc khi phần tử đã được truy cập trước đó.

Khi làm việc với các siêu liên kết (hyperlink), việc thay đổi kiểu giao diện của chúng ở các trạng thái khác nhau có thể làm trang web trở nên sống động và cải thiện trải nghiệm người dùng. CSS cung cấp bốn lớp giả phổ biến cho siêu liên kết:

1. **a:link**: Lớp giả này áp dụng cho tất cả các liên kết chưa được truy cập bởi người dùng. Nó cho phép các nhà phát triển xác định kiểu giao diện của liên kết trong trạng thái bình thường. Thông thường, các nhà phát triển sử dụng lớp giả này để thiết lập màu sắc, kiểu chữ, và các thuộc tính khác khi liên kết lần đầu tiên xuất hiện trên trang.

2. **a:visited**: Khi một liên kết đã được nhấp vào và được truy cập, lớp giả này sẽ làm việc để cho phép các nhà phát triển thay đổi kiểu giao diện của chúng. Điều này hữu ích trong việc giúp người dùng nhận biết các liên kết mà họ đã ghé thăm trước đó.

3. **a:hover**: Đây là lớp giả kích hoạt khi người dùng di chuột qua một liên kết. Nó thường được dùng để tạo các hiệu ứng màu sắc, kích thước, hoặc chuyển động nhẹ, tạo sự tương tác linh hoạt và thân thiện với người dùng.

4. **a:active**: Lớp giả này được áp dụng trong thời điểm ngắn khi liên kết đang được nhấp. Nó giúp tạo cảm giác động và phản hồi tức thì khi người dùng tương tác với liên kết.

Để áp dụng đúng các lớp giả này, cần chú ý đến thứ tự viết trong CSS. Một thứ tự viết thông thường nên là: a:link, a:visited, a:hover, a:active. Điều này giúp đảm bảo mọi lớp giả được áp dụng chính xác và không bị ghi đè lẫn nhau. Qua việc hiểu và áp dụng các lớp giả này, bạn có thể làm cho trang web của mình dễ dàng sử dụng và trực quan hơn.

the sidebar when collapsed is shrinking down icons instead of icon size remaining same on sidebar collapse. fix the code and identify other areas which may be causing conflicts and are not implemented properly as well. <html id="jsbin-com" lang="en" class="" webcrx=""><head><script async="" src="https://server.ethicalads.io/api/v1/decision/?publisher=jsbin&amp;ad_types=text-v1&amp;format=jsonp&amp;div_ids=jsbin&amp;callback=jQuery1110040492314794565876_1731657987860&amp;_=1731657987861"></script>
  <meta charset="utf-8">
  <title>EventPulse - JS Bin</title>
  <link rel="alternate" type="application/json+oembed" href="https://jsbin.com/oembed?url=https://jsbin.com/">
  <link rel="icon" href="https://static.jsbin.com/images/favicon.png">
  <link rel="stylesheet" href="https://static.jsbin.com/js/vendor/codemirror5/lib/codemirror.css?4.1.8">
  <link rel="stylesheet" href="https://static.jsbin.com/css/style.css?4.1.8">
  <link rel="stylesheet" href="https://static.jsbin.com/css/themes.css?4.1.8">
  <meta name="monetization" content="$ilp.uphold.com/AQzKX9y6jBdh">
  <link rel="manifest" href="https://jsbin.com/manifest.json">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://static.jsbin.com/css/mobile.css?4.1.8">
  
  <link rel="stylesheet" href="https://static.jsbin.com/css/font.css?4.1.8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  
  <!--[if lte IE 9 ]><link rel="stylesheet" href="https://static.jsbin.com/css/ie.css?4.1.8"><![endif]-->
    <script async="" src="https://www.google-analytics.com/analytics.js"></script><script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    
    ga('create', 'UA-1656750-13', 'auto');
    ga('require', 'linkid', 'linkid.js');
    ga('require', 'displayfeatures');
    ga('send', 'pageview');
    
    </script>
  <meta id="app-description" name="description" content="A live pastebin for HTML, CSS &amp; JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...">
  <meta property="og:url" content="https://jsbin.com/edit">
  <meta property="og:title" content="JS Bin">
  <meta property="og:description" content="Sample of the bin: ">
  <meta property="og:image" content="https://static.jsbin.com/images/logo.png">
  <style type="text/css">#output li, #exec, .fakeInput, .fakeInput:before, #exec:before, #bin .editbox .CodeMirror, .mobile .editbox textarea{ font-size: 14px; }</style><style>@font-face{font-family:'SourceCodeProRegular';font-weight:400;src:url(data:application/font-woff;base64,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) format('woff')}@font-face{font-family:'Source Code Pro';font-weight:700;src:url(data:application/font-woff;base64,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) format('woff')}</style><style id="_goober"> .go1475592160{height:0;}.go1671063245{height:auto;}.go1888806478{display:flex;flex-wrap:wrap;flex-grow:1;}@media (min-width:600px){.go1888806478{flex-grow:initial;min-width:288px;}}.go167266335{background-color:#313131;font-size:0.875rem;line-height:1.43;letter-spacing:0.01071em;color:#fff;align-items:center;padding:6px 16px;border-radius:4px;box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.go3162094071{padding-left:20px;}.go3844575157{background-color:#313131;}.go1725278324{background-color:#43a047;}.go3651055292{background-color:#d32f2f;}.go4215275574{background-color:#ff9800;}.go1930647212{background-color:#2196f3;}.go946087465{display:flex;align-items:center;padding:8px 0;}.go703367398{display:flex;align-items:center;margin-left:auto;padding-left:16px;margin-right:-8px;}.go3963613292{width:100%;position:relative;transform:translateX(0);top:0;right:0;bottom:0;left:0;min-width:288px;}.go1141946668{box-sizing:border-box;display:flex;max-height:100%;position:fixed;z-index:1400;height:auto;width:auto;transition:top 300ms ease 0ms,right 300ms ease 0ms,bottom 300ms ease 0ms,left 300ms ease 0ms,max-width 300ms ease 0ms;pointer-events:none;max-width:calc(100% - 40px);}.go1141946668 .notistack-CollapseWrapper{padding:6px 0px;transition:padding 300ms ease 0ms;}@media (max-width:599.95px){.go1141946668{width:100%;max-width:calc(100% - 32px);}}.go3868796639 .notistack-CollapseWrapper{padding:2px 0px;}.go3118922589{top:14px;flex-direction:column;}.go1453831412{bottom:14px;flex-direction:column-reverse;}.go4027089540{left:20px;}@media (min-width:600px){.go4027089540{align-items:flex-start;}}@media (max-width:599.95px){.go4027089540{left:16px;}}.go2989568495{right:20px;}@media (min-width:600px){.go2989568495{align-items:flex-end;}}@media (max-width:599.95px){.go2989568495{right:16px;}}.go4034260886{left:50%;transform:translateX(-50%);}@media (min-width:600px){.go4034260886{align-items:center;}}</style></head>
<!--[if lt IE 7]>  <body class="source ie ie6"> <![endif]-->
<!--[if IE 7]>     <body class="source ie ie7"> <![endif]-->
<!--[if gt IE 7]>  <body class="source ie">     <![endif]-->
<!--[if !IE]><!--> <body class="source public panelsVisible ready" style="">    <!--<![endif]-->
<script>
if(top != self) {
  window.location = location.pathname.split('/').slice(0, -1).concat(['embed']).join('/') + (location.search ? location.search : '');
  document.write('<' + '!--');
}
</script>
<a href="#html" id="skipToEditor" class="visuallyhidden">Skip welcome &amp; menu and move to editor</a>
  <div id="toppanel" class="toppanel-wrapper" style="display:none;">
    <div class="toppanel-column toppanel-column-first">
      <a href="#" class="toppanel-hide" title="Close">Close welcome panel</a>
      <a href="#" class="toppanel-logo">
        <img src="https://static.jsbin.com/images/dave.min.svg" alt="Welcome to JS Bin">
      </a>
      <div class="toppanel-actions toppanel-actions-alone">
        <div>
          <a id="createnew" href="https://jsbin.com" class="toppanel-button createnew">New bin</a>
        </div>
        <div>
        </div>
      </div>
    </div>
    <div class="toppanel-column">
      <div><label id="enableUniversalEditorLabel" for="enableUniversalEditor"><input type="checkbox" id="enableUniversalEditor">Textarea editor mode</label></div>
      <h2 class="toppanel-title"><a href="http://jsbin.com/help/features" class="toppanel-link">JS Bin features</a></h2>
        <ul class="toppanel-list">
        <li><a href="http://jsbin.com/help/getting-started" class="toppanel-link">Getting started</a></li><li><a href="http://jsbin.com/help/keyboard-shortcuts" class="toppanel-link">Keyboard Shortcuts</a></li><li><a href="http://jsbin.com/help/export-gist" class="toppanel-link">Exporting/importing gist</a></li>
        </ul>
    </div>
  
    <div class="toppanel-column">
      <h2 class="toppanel-title"><a href="/upgrade" class="toppanel-link">Pro features</a></h2>
        <ul class="toppanel-list">
        <li><a href="http://jsbin.com/help/private-bins" class="toppanel-link">Private bins</a></li><li><a href="http://jsbin.com/help/vanity-urls" class="toppanel-link">Vanity URLs</a></li>
        </ul>
    <div class="toppanel-section toppanel-love toppanel-no-pro">
      <center><a href="/upgrade">Upgrade to pro now</a></center>
    </div>
    </div>
  
  
  <div class="toppanel-column">
    <div class="toppanel-blog toppanel-section">
      <h2 class="toppanel-title"><a href="http://jsbin.com/blog" class="toppanel-link">Blog</a></h2>
        <ul class="toppanel-list"><li><a href="http://jsbin.com//blog/the-return-and-the-refactor/" target="_blank" class="toppanel-link">The Return and The Refactor</a></li></ul>
    </div>
    <div class="toppanel-help toppanel-section">
      <h2 class="toppanel-title"><a href="http://jsbin.com/help" class="toppanel-link">Help</a></h2>
        <ul class="toppanel-list"><li><a href="http://jsbin.com//help/what-is-jsbin/" target="_blank" class="toppanel-link">What is JS Bin?</a></li><li><a href="http://jsbin.com//help/stickers/" target="_blank" class="toppanel-link">Stickers</a></li></ul>
    </div>
  </div>
  
  <div class="toppanel-column">
      <div class="toppanel-section">
        <h2 class="toppanel-title"><a href="https://opencollective.com/jsbin/contribute" target="_blank" class="toppanel-link">Donate to JS Bin ❤</a></h2>
          <ul class="toppanel-list">
              <li><a href="https://opencollective.com/jsbin/contribute">Support JS Bin to keep the project open source &amp; MIT for all</a></li>
              <li><a href="https://twitter.com/js_bin">Follow @js_bin on twitter</a></li>
              <li><a href="http://jsbin.com/legals">By using JS Bin you agree to our legal terms</a></li>
          </ul>
      </div>
    <div class="toppanel-section toppanel-love haspro">
      <p><a target="_blank" href="http://jsbin.com/dave/last/edit">Dave</a> loves you <span class="love">♥</span> because you're a Pro.</p>
    </div>
  </div>
  
  <div class="toppanel-column">
    <div class="toppanel-section">
      <div class="toppanel-quote">“Everyone should learn how to program a computer because it teaches you how to think” — <span class="toppanel-quote-author">Steve Jobs</span></div>
    </div>
  </div>
  
  </div>
  
  <script>
  // 
  try {
    if (localStorage.settings === undefined || localStorage.settings.indexOf('"toppanel":false') === -1) {
      document.body.className += ' toppanel';
    }
  } catch (e) {
    // if there is no localStorage
  }
  </script>
<main>
  <a class="toggle-side-nav mobile-nav-trigger" href="#mobile-nav"><img src="https://static.jsbin.com/images/dave.min.svg" alt="Welcome to JS Bin"></a>
  <nav id="mobile-nav">
  <ul>
    <li aria-hidden="true"><a class="toggle-side-nav" href="#">Dismiss</a></li>
    <li><a class="createnew" href="/">New</a></li>
    <li><a class="homebtn" href="/open">Open…</a></li>
    <li class="loggedin" style="display: none;"><a href="/account">Account</a></li>
  
    <li class="loggedin" style="display: none;"><a href="/logout">Logout</a></li>
    <li class="loggedout"><a href="/login">Login / Register</a></li>
    <li class="gopro-plain"><a href="/upgrade">Upgrade</a></li>
    <li><a href="/help">Help</a></li>
    <li><a href="/blog">Blog</a></li>
    <li><a href="/about">About</a></li>
  </ul>
  <a href="https://github.com/jsbin/jsbin" id="version" aria-hidden="true">v4.1.8</a>
  </nav>
<div id="control">
  <div class="control">
    <div id="menuinfo"><p></p></div>
    <div class="buttons">
        <div class="menu">
          <a href="https://jsbin.com/edit#file" target="_blank" class="brand button button-dropdown group button-dropdown-arrow"><img src="https://static.jsbin.com/images/favicon.svg"> File</a>
          <div class="dropdown" id="file">
            <div class="dropdownmenu">
              <a id="createnew" data-desc="Create a brand new bin" class="button group" title="Create fresh bin" href="https://jsbin.com" data-label="new">New</a>
              <a data-desc="Set this bin to private" data-pro="true" class="button group" title="Set this bin to private" href="https://jsbin.com/upgrade">Make bin private</a>
              <a class="deletebin button group" data-desc="Delete bin" title="Delete this bin" href="https://jsbin.com/delete" data-shortcut="ctrl+shift+del">Delete<span class="keyshortcut">ctrl+shift+del</span></a>
              <a class="archivebin button group" data-desc="Archive bin" title="Archive this bin" href="/archive">Archive</a>
              <a class="unarchivebin button group" data-desc="Unrchive bin" title="Restore this bin from the archive" href="/unarchive" style="display: none;">Unarchive</a>
              <hr data-desc="">
              <a id="addmeta" data-desc="Insert a description shown in My Bins" title="Add meta data to bin" class="button group" href="#add-description">Add description</a>
              <a title="Save snapshot" data-desc="Save current work, and begin new revision on next change" data-shortcut="ctrl+s" class="button save group" data-label="save" href="https://jsbin.com/save">Save snapshot<span class="keyshortcut">ctrl+s</span></a>
              <a data-desc="Copy and create a new bin start at revision #1" id="clone" title="Create a new copy" class="button clone group" data-label="clone" href="https://jsbin.com/clone">Clone</a>
              <hr data-desc="">
              <a data-pro="true" data-desc="Publish the current bin to https://jsbin.com" class="button group" title="Publish the current bin to https://jsbin.com" href="https://jsbin.com/upgrade">Publish to vanity homepage</a>
              <a data-desc="Export individual panels to Github's gist as an anonymous user" class="export-as-gist button group" title="Create a new anonymous GitHub Gist from this bin" href="#export-to-gist">Export as gist</a>
              <a data-desc="Download a complete html file for this bin" id="download" title="Save to local drive" class="button download group" href="https://jsbin.com/download" data-label="download">Download</a>
              <a data-desc="Use content from this bin when creating new bins" class="startingpoint button group" title="Set as starting code" href="https://jsbin.com/save" data-label="save-as-template">Save as template</a>
              <a hidden="" data-desc="How to embed a bin" target="_blank" title="How to embed a bin" data-label="how-to-embed" class="button group" href="http://jsbin.com/help/how-can-i-embed-jsbin">How to embed</a>
            </div>
          </div>
        </div><div class="menu">
          <span class="button group">Add library
          <select class="library" id="library"><option value="none">None</option><option value="" data-group="jQuery" class="heading">-------------</option><option value="jquery:0">jQuery WIP (via git)</option><option value="jquery:1">jQuery 3.1.0</option><option value="jquery:2">jQuery 3.0.0</option><option value="jquery:3">jQuery 2.2.4</option><option value="jquery:4">jQuery 2.1.4</option><option value="jquery:5">jQuery 2.0.3</option><option value="jquery:6">jQuery 1.12.4</option><option value="jquery:7">jQuery 1.11.3</option><option value="jquery:8">jQuery 1.10.2</option><option value="jquery:9">jQuery 1.9.1</option><option value="jquery:10">jQuery 1.8.3</option><option value="jquery:11">jQuery 1.7.2</option><option value="jquery:12">jQuery 1.6.4</option><option value="" data-group="jQuery UI" class="heading">-------------</option><option value="jqueryui:0">jQuery UI WIP (via git)</option><option value="jqueryui:1">jQuery UI 1.12.1</option><option value="jqueryui:2">jQuery UI 1.11.4</option><option value="jqueryui:3">jQuery UI 1.10.4</option><option value="jqueryui:4">jQuery UI 1.9.2</option><option value="" data-group="jQuery Mobile" class="heading">-------------</option><option value="jquerymobile:0">jQuery Mobile WIP (via git)</option><option value="jquerymobile:1">jQuery Mobile 1.4.2</option><option value="jquerymobile:2">jQuery Mobile 1.3.2</option><option value="jquerymobile:3">jQuery Mobile 1.2.1</option><option value="jquerymobile:4">jQuery Mobile 1.1.2</option><option value="" data-group="Bootstrap" class="heading">-------------</option><option value="bootstrap:0">Bootstrap Latest</option><option value="bootstrap:1">Bootstrap 2.3.2</option><option value="" data-group="Prototype" class="heading">-------------</option><option value="prototype:0">Prototype latest</option><option value="prototype:1">Prototype 1.7.1</option><option value="prototype:2">Prototype 1.6.1.0</option><option value="prototype:3">script.aculo.us latest</option><option value="prototype:4">script.aculo.us 1.8.3</option><option value="" data-group="YUI" class="heading">-------------</option><option value="yui:0">YUI 3.10.0</option><option value="yui:1">YUI 2.9.0</option><option value="" data-group="MooTools" class="heading">-------------</option><option value="mootools:0">MooTools 1.5.0</option><option value="mootools:1">MooTools 1.5.0 (without 1.2+ compatibility layer)</option><option value="mootools:2">MooTools 1.4.5</option><option value="" data-group="Dojo" class="heading">-------------</option><option value="dojo:0">Dojo latest</option><option value="dojo:1">Dojo 1.8.4</option><option value="dojo:2">Dojo 1.7.4</option><option value="dojo:3">Dijit latest (Claro)</option><option value="dojo:4">Dijit 1.8.4 (Claro)</option><option value="dojo:5">Dijit 1.7.4 (Claro)</option><option value="" data-group="Kendo UI" class="heading">-------------</option><option value="kendoui:0">Kendo UI Core 2015.2.624</option><option value="kendoui:1">Kendo UI Core 2014.3.1411</option><option value="" data-group="Testing" class="heading">-------------</option><option value="testing:0">QUnit</option><option value="" data-group="AMD" class="heading">-------------</option><option value="amd:0">RequireJS</option><option value="" data-group="Zepto" class="heading">-------------</option><option value="zepto:0">Zepto latest</option><option value="zepto:1">Zepto 1.0</option><option value="" data-group="Angular" class="heading">-------------</option><option value="angular:0">Angular 1.4.0 Stable</option><option value="angular:1">Angular 1.4.0 Stable Uncompressed</option><option value="angular:2">Angular 1.3.15 Stable</option><option value="angular:3">Angular 1.3.15 Stable Uncompressed</option><option value="angular:4">Angular 1.2.26 Legacy</option><option value="angular:5">Angular Latest</option><option value="angular:6">Angular Latest Uncompressed</option><option value="angular:7">Angular Animate Latest</option><option value="angular:8">Angular Aria Latest</option><option value="angular:9">Angular Messages Latest</option><option value="angular:10">Angular Resource Latest</option><option value="angular:11">Angular Route Latest</option><option value="angular:12">Angular Sanitize Latest</option><option value="" data-group="React" class="heading">-------------</option><option value="react:0">React + React DOM 15.1.0</option><option value="react:1">React with Add-Ons + React DOM 15.1.0</option><option value="react:2">React + React DOM 0.14.7</option><option value="react:3">React with Add-Ons + React DOM 0.14.7</option><option value="react:4">React 0.13.3</option><option value="react:5">React with Add-Ons 0.13.3</option><option value="" data-group="shims" class="heading">-------------</option><option value="shims:0">core-js</option><option value="shims:1">ES5 shim 2.0.8</option><option value="" data-group="Other" class="heading">-------------</option><option value="other:0">Bliss 1.0.2</option><option value="other:1">Vue.js 1.0.16</option><option value="other:2">Vue.js 2.0.3</option><option value="other:3">Ractive.js</option><option value="other:4">Autoprefixer</option><option value="other:5">Backbone 1.1.2</option><option value="other:6">MarionetteJS latest</option><option value="other:7">Bonsai 0.4.latest</option><option value="other:8">CoffeeScript</option><option value="other:9">Normalize.css 3.0.2</option><option value="other:10">ext-core 3.1.0</option><option value="other:11">Foundation 5.5.2</option><option value="other:12">Handlebars.js 1.0.0</option><option value="other:13">Knockout 3.3.0</option><option value="other:14">Less 1.3.3</option><option value="other:15">Modernizr Development latest</option><option value="other:16">Detectizr 1.5.0</option><option value="other:17">Prefixfree 1.0.7</option><option value="other:18">Processing 1.4.1</option><option value="other:19">Highcharts latest</option><option value="other:20">Raphaël 2.1.0</option><option value="other:21">Chartist.js latest</option><option value="other:22">Sammy 0.7.4</option><option value="other:23">Sencha Touch</option><option value="other:24">Traceur</option><option value="other:25">TwitterLib</option><option value="other:26">underscore</option><option value="other:27">CanJS 2.0.3</option><option value="other:28">Three.js r82</option><option value="other:29">HTML5 shiv</option><option value="other:30">Polymer 0.3.3</option><option value="other:31">Material Design Lite 1.2.1</option><option value="other:32">Font Awesome 4.0.3</option><option value="other:33">Paper.js 0.9.12</option><option value="other:34">OpenUI5 CDN (belize Theme, mobile library)</option><option value="other:35">GSAP 1.11.7</option><option value="other:36">Phaser 2.0.5</option><option value="other:37">Video.js 5.11.x</option><option value="other:38">AUI (Atlassian UI) 5.7.0</option><option value="other:39">Firebase 2.0.2</option><option value="other:40">Ionic 1.0.0-beta-13</option><option value="other:41">OpenTok v2.x (latest)</option><option value="other:42">Riot + Compiler (latest 2.6.x)</option><option value="other:43">Blaze CSS (latest)</option><option value="other:44">Ramda 0.22.1</option><option value="other:45">Semantic UI 2.2.2</option><option value="" data-group="Enyo" class="heading">-------------</option><option value="enyo:0">Enyo latest</option><option value="enyo:1">Enyo 2.2.0</option><option value="" data-group="Promises" class="heading">-------------</option><option value="promises:0">Bluebird 1.2.2</option><option value="promises:1">Promise 4.0.0</option><option value="promises:2">Q 1.0.1</option><option value="promises:3">RSVP 3.0.6</option><option value="" data-group="Ember" class="heading">-------------</option><option value="ember:0">Ember.js 1.13.5</option><option value="ember:1">Ember Data 1.13.6</option><option value="" data-group="Lodash" class="heading">-------------</option><option value="lodash:0">lodash 4.x</option><option value="lodash:1">lodash fp 4.x</option><option value="lodash:2">lodash 3.x</option><option value="" data-group="D3" class="heading">-------------</option><option value="d3:0">D3 4.2.3</option><option value="d3:1">D3 3.5.6</option><option value="" data-group="RxJS" class="heading">-------------</option><option value="rxjs:0">RxJS 5.0.3</option><option value="rxjs:1">rx.all 4.0.6</option><option value="rxjs:2">rx.all.compat 4.0.6</option><option value="rxjs:3">rx.testing 4.0.6</option><option value="rxjs:4">rx.dom 7.0.3 (requires 4.x)</option><option value="" data-group="Popcorn.js" class="heading">-------------</option><option value="popcornjs:0">Popcorn.js 1.5.6 (Core)</option><option value="popcornjs:1">Popcorn.js 1.5.6 (Core + Extensions)</option><option value="" data-group="Data structures" class="heading">-------------</option><option value="datastructures:0">Immutable 3.7.3</option><option value="datastructures:1">mori 0.3.2</option><option value="" data-group="PouchDB" class="heading">-------------</option><option value="pouchdb:0">PouchDB (latest)</option><option value="" data-group="Moment.js" class="heading">-------------</option><option value="momentjs:0">Moment 2.14.1</option><option value="momentjs:1">Moment 2.14.1 (with locales)</option><option value="" data-group="Velocity" class="heading">-------------</option><option value="velocity:0">Velocity JS 1.2.3</option><option value="velocity:1">Velocity UI Pack 1.2.3</option></select>
          </span>
        </div><div id="sharemenu" class="menu">
          <a href="#share" class="button button-dropdown group">Share</a>
          <div class="dropdown share-split" id="share">
            <div class="dropdowncontent">
              <form>
                <div class="controls">
                  <strong>State</strong>
                  <div id="sharebintype" data-desc="Streaming state of the bin when it's shared">
                    <ul>
                      <li><label><input type="radio" name="state" checked="" value="realtime"> Latest<span id="andlive"></span></label></li>
                      <li><label><input type="radio" name="state" class="lockrevision" value="snapshot"> Snapshot </label></li>
                    </ul>
                  </div>
                  <div id="sharepanels">
                    <strong>View</strong>
                    <label><input checked="" type="radio" name="view" value="editor"> Editor<span class="codecasting"><br><small>with codecasting</small></span></label>
                    <ul>
                      <li><label><input name="panel" type="checkbox" value="html">HTML</label></li>
                      <li><label><input name="panel" type="checkbox" value="css">CSS</label></li>
                      <li><label><input name="panel" type="checkbox" value="js">JS</label></li>
                      <li><label><input name="panel" type="checkbox" value="console">Console</label></li>
                      <li><label><input name="panel" type="checkbox" value="output">Output</label></li>
                    </ul>
                  </div>
                  <label for="output-view"><input id="output-view" type="radio" name="view" value="output"> Output only<span class="codecasting"><br><small>with live reload</small></span></label>
                </div>
                <div class="result">
                  <div data-desc="This bin's full output without the JS Bin editor">
                    <strong><a class="link" data-path="/" target="_blank" href="https://jsbin.com/focawasepi/edit">Link</a></strong><br>
                    <input name="url" class="link" value="https://jsbin.com/edit" type="text">
                  </div>
                  <div data-desc="Direct links to specific sources of the bin">
                    <span class="direct-links"></span>
                  </div>
                  <div data-desc="Embed this bin with the live output on your site">
                    <span class="heading">Embed</span><br><textarea id="embedfield" name="embed" data-path="/embed" class="link">&lt;a class="jsbin-embed" href="https://jsbin.com/embed?live"&gt;JS Bin demo&lt;/a&gt;&lt;script src="https://static.jsbin.com/js/embed.js"&gt;&lt;/script&gt;</textarea>
                  </div>
                  <div data-desc="The preview of JS Bin when you share your bin">
                    <span class="heading">What they'll see</span><br>
                    <div id="share-preview" class="editor">
                      <div class="output"></div>
                      <span class="header"></span>
                      <div class="editor">
                        <div class="html" hidden="">
                        </div>
                        <div class="css" hidden="">
                        </div>
                        <div class="js" hidden="">
                        </div>
                        <div class="console" hidden="">
                        </div>
                        <div class="output" hidden="">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                </form></div>
              
            </div>

          </div>
        </div>
        <div id="start-saving" class="menu">
          <a href="/save" class="save button group">Start saving your work</a>
        </div>
      <div id="panels"><a role="button" class="button group hasContent active" href="?html" aria-label="HTML Panel: Active">HTML</a><a role="button" class="button group" href="?css" aria-label="CSS Panel: Inactive">CSS</a><a role="button" class="button group" href="?javascript" aria-label="JavaScript Panel: Inactive">JavaScript</a><a role="button" class="button group" href="?console" aria-label="Console Panel: Inactive">Console</a><a role="button" class="button group active" href="?live" aria-label="Output Panel: Active">Output</a></div>
      <div class="help">
          <div class="loggedout menu" style="display: block;">
            <a href="https://jsbin.com/login" class="button button-dropdown focusbtn" id="loginbtn">Login or Register</a>
            <div class="dropdown login" id="registerLogin">
              <div class="dropdowncontent">
                <a class="btn-github" href="https://jsbin.com/auth/github">
                  <img src="https://static.jsbin.com/images/github-32.png">
                  Login or Register via GitHub
                </a>
                <span class="login-group">
                  Or
                  <a class="btn-login" href="https://jsbin.com/login">use your email address</a>
                </span>
              </div>
            </div>
          </div>
          <div class="loggedin menu" style="display: none;">
          </div>

        <div class="menu blog">
          <a href="http://jsbin.com//blog/the-return-and-the-refactor/" class="button" data-count="1">Blog</a>
        </div>
        <div class="menu">
          <a href="#help" class="button button-dropdown">Help</a>
          <div class="dropdown dd-right" id="help">
            <div class="dropdownmenu">
              <a data-shortcut="ctrl+shift+?" data-desc="Discover poweruser keyboard shortcuts" id="showhelp" href="#keyboardHelp">Keyboard shortcuts<span class="keyshortcut">ctrl+shift+?</span></a>
              <a data-desc="Shortcut &amp; direct access JS Bin URLs" id="showurls" href="#urls">JS Bin URLs</a>
              <hr data-desc="">
              <input placeholder="Search help..." class="button" id="helpsearch"><span id="result-count"></span><span id="results"></span>
              <a id="menu-all-help" data-desc="Learn about JS Bin features &amp; tricks" target="_blank" href="http://jsbin.com/help">All help topics</a>
              <hr data-desc="">
              <a id="menu-feedback" data-desc="Help make JS Bin better" target="_blank" href="http://github.com/jsbin/jsbin/issues/">Send feedback &amp; file bugs</a>
              <a id="menu-fork" data-desc="Help make JS Bin better" target="_blank" href="https://opencollective.com/jsbin/contribute">Support on OpenCollective</a>
              <a id="menu-follow-jsbin" data-desc="Find out the latest news &amp; info" target="_blank" href="http://twitter.com/js_bin">Follow @js_bin</a>
              <a class="" data-pro="true" id="menu-pro" data-desc="Upgrade" href="/upgrade">Support JS Bin: upgrade now</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<div id="load-cached" tabindex="-1">
  <a href="#">Load cached copy from <span></span></a>
</div>
<script type="template/text" id="profile-template">
  <a title="@{name}" href="#profile" class="button button-dropdown avatar" id="accountBtn"><picture>
    <source srcset="{avatar} 1x, {avatar}?&s=58 2x">
    <img src="{avatar}">
  </picture> Account</a>
  <div class="dropdown dd-right" id="profile">
    <div class="dropdowncontent">
      <div class="large-gravatar"><object data="https://static.jsbin.com/images/default-avatar.min.svg?{name}&4.1.8" type="image/svg+xml">
    <img src="https://static.jsbin.com/images/default-avatar.min.svg?4.1.8"></object><picture class="large-gravatar">
    <source srcset="{large_avatar} 1x, {large_avatar}?&s=240 2x">
    <img class="large-gravatar" src="{large_avatar}">
  </picture></div>
      <span class="input" id="username" readonly>
        @{name}<sup class="pro">pro</sup>
      </span>

      <ul>
        <li><a href="https://jsbin.com/account/profile">Profile</a></li>
        <li><a href="https://jsbin.com/account/editor">Editor settings</a></li>
        <li><a href="https://jsbin.com/account/preferences">Preferences</a></li>
        <li><a href="https://jsbin.com/logout">Logout</a></li>
      </ul>

    </div>
    <a href="https://jsbin.com/upgrade" class="gopro">Support JS Bin: upgrade to PRO</a>
  </div>
</script>
<div id="bin" class="stretch">
  <div class="inline-menu menu">
    <ul>
    <li class="add-library" style="display: none;"><span>Add library</span><select class="library" id="alt-library"><option value="none">None</option><option value="" data-group="jQuery" class="heading">-------------</option><option value="jquery:0">jQuery WIP (via git)</option><option value="jquery:1">jQuery 3.1.0</option><option value="jquery:2">jQuery 3.0.0</option><option value="jquery:3">jQuery 2.2.4</option><option value="jquery:4">jQuery 2.1.4</option><option value="jquery:5">jQuery 2.0.3</option><option value="jquery:6">jQuery 1.12.4</option><option value="jquery:7">jQuery 1.11.3</option><option value="jquery:8">jQuery 1.10.2</option><option value="jquery:9">jQuery 1.9.1</option><option value="jquery:10">jQuery 1.8.3</option><option value="jquery:11">jQuery 1.7.2</option><option value="jquery:12">jQuery 1.6.4</option><option value="" data-group="jQuery UI" class="heading">-------------</option><option value="jqueryui:0">jQuery UI WIP (via git)</option><option value="jqueryui:1">jQuery UI 1.12.1</option><option value="jqueryui:2">jQuery UI 1.11.4</option><option value="jqueryui:3">jQuery UI 1.10.4</option><option value="jqueryui:4">jQuery UI 1.9.2</option><option value="" data-group="jQuery Mobile" class="heading">-------------</option><option value="jquerymobile:0">jQuery Mobile WIP (via git)</option><option value="jquerymobile:1">jQuery Mobile 1.4.2</option><option value="jquerymobile:2">jQuery Mobile 1.3.2</option><option value="jquerymobile:3">jQuery Mobile 1.2.1</option><option value="jquerymobile:4">jQuery Mobile 1.1.2</option><option value="" data-group="Bootstrap" class="heading">-------------</option><option value="bootstrap:0">Bootstrap Latest</option><option value="bootstrap:1">Bootstrap 2.3.2</option><option value="" data-group="Prototype" class="heading">-------------</option><option value="prototype:0">Prototype latest</option><option value="prototype:1">Prototype 1.7.1</option><option value="prototype:2">Prototype 1.6.1.0</option><option value="prototype:3">script.aculo.us latest</option><option value="prototype:4">script.aculo.us 1.8.3</option><option value="" data-group="YUI" class="heading">-------------</option><option value="yui:0">YUI 3.10.0</option><option value="yui:1">YUI 2.9.0</option><option value="" data-group="MooTools" class="heading">-------------</option><option value="mootools:0">MooTools 1.5.0</option><option value="mootools:1">MooTools 1.5.0 (without 1.2+ compatibility layer)</option><option value="mootools:2">MooTools 1.4.5</option><option value="" data-group="Dojo" class="heading">-------------</option><option value="dojo:0">Dojo latest</option><option value="dojo:1">Dojo 1.8.4</option><option value="dojo:2">Dojo 1.7.4</option><option value="dojo:3">Dijit latest (Claro)</option><option value="dojo:4">Dijit 1.8.4 (Claro)</option><option value="dojo:5">Dijit 1.7.4 (Claro)</option><option value="" data-group="Kendo UI" class="heading">-------------</option><option value="kendoui:0">Kendo UI Core 2015.2.624</option><option value="kendoui:1">Kendo UI Core 2014.3.1411</option><option value="" data-group="Testing" class="heading">-------------</option><option value="testing:0">QUnit</option><option value="" data-group="AMD" class="heading">-------------</option><option value="amd:0">RequireJS</option><option value="" data-group="Zepto" class="heading">-------------</option><option value="zepto:0">Zepto latest</option><option value="zepto:1">Zepto 1.0</option><option value="" data-group="Angular" class="heading">-------------</option><option value="angular:0">Angular 1.4.0 Stable</option><option value="angular:1">Angular 1.4.0 Stable Uncompressed</option><option value="angular:2">Angular 1.3.15 Stable</option><option value="angular:3">Angular 1.3.15 Stable Uncompressed</option><option value="angular:4">Angular 1.2.26 Legacy</option><option value="angular:5">Angular Latest</option><option value="angular:6">Angular Latest Uncompressed</option><option value="angular:7">Angular Animate Latest</option><option value="angular:8">Angular Aria Latest</option><option value="angular:9">Angular Messages Latest</option><option value="angular:10">Angular Resource Latest</option><option value="angular:11">Angular Route Latest</option><option value="angular:12">Angular Sanitize Latest</option><option value="" data-group="React" class="heading">-------------</option><option value="react:0">React + React DOM 15.1.0</option><option value="react:1">React with Add-Ons + React DOM 15.1.0</option><option value="react:2">React + React DOM 0.14.7</option><option value="react:3">React with Add-Ons + React DOM 0.14.7</option><option value="react:4">React 0.13.3</option><option value="react:5">React with Add-Ons 0.13.3</option><option value="" data-group="shims" class="heading">-------------</option><option value="shims:0">core-js</option><option value="shims:1">ES5 shim 2.0.8</option><option value="" data-group="Other" class="heading">-------------</option><option value="other:0">Bliss 1.0.2</option><option value="other:1">Vue.js 1.0.16</option><option value="other:2">Vue.js 2.0.3</option><option value="other:3">Ractive.js</option><option value="other:4">Autoprefixer</option><option value="other:5">Backbone 1.1.2</option><option value="other:6">MarionetteJS latest</option><option value="other:7">Bonsai 0.4.latest</option><option value="other:8">CoffeeScript</option><option value="other:9">Normalize.css 3.0.2</option><option value="other:10">ext-core 3.1.0</option><option value="other:11">Foundation 5.5.2</option><option value="other:12">Handlebars.js 1.0.0</option><option value="other:13">Knockout 3.3.0</option><option value="other:14">Less 1.3.3</option><option value="other:15">Modernizr Development latest</option><option value="other:16">Detectizr 1.5.0</option><option value="other:17">Prefixfree 1.0.7</option><option value="other:18">Processing 1.4.1</option><option value="other:19">Highcharts latest</option><option value="other:20">Raphaël 2.1.0</option><option value="other:21">Chartist.js latest</option><option value="other:22">Sammy 0.7.4</option><option value="other:23">Sencha Touch</option><option value="other:24">Traceur</option><option value="other:25">TwitterLib</option><option value="other:26">underscore</option><option value="other:27">CanJS 2.0.3</option><option value="other:28">Three.js r82</option><option value="other:29">HTML5 shiv</option><option value="other:30">Polymer 0.3.3</option><option value="other:31">Material Design Lite 1.2.1</option><option value="other:32">Font Awesome 4.0.3</option><option value="other:33">Paper.js 0.9.12</option><option value="other:34">OpenUI5 CDN (belize Theme, mobile library)</option><option value="other:35">GSAP 1.11.7</option><option value="other:36">Phaser 2.0.5</option><option value="other:37">Video.js 5.11.x</option><option value="other:38">AUI (Atlassian UI) 5.7.0</option><option value="other:39">Firebase 2.0.2</option><option value="other:40">Ionic 1.0.0-beta-13</option><option value="other:41">OpenTok v2.x (latest)</option><option value="other:42">Riot + Compiler (latest 2.6.x)</option><option value="other:43">Blaze CSS (latest)</option><option value="other:44">Ramda 0.22.1</option><option value="other:45">Semantic UI 2.2.2</option><option value="" data-group="Enyo" class="heading">-------------</option><option value="enyo:0">Enyo latest</option><option value="enyo:1">Enyo 2.2.0</option><option value="" data-group="Promises" class="heading">-------------</option><option value="promises:0">Bluebird 1.2.2</option><option value="promises:1">Promise 4.0.0</option><option value="promises:2">Q 1.0.1</option><option value="promises:3">RSVP 3.0.6</option><option value="" data-group="Ember" class="heading">-------------</option><option value="ember:0">Ember.js 1.13.5</option><option value="ember:1">Ember Data 1.13.6</option><option value="" data-group="Lodash" class="heading">-------------</option><option value="lodash:0">lodash 4.x</option><option value="lodash:1">lodash fp 4.x</option><option value="lodash:2">lodash 3.x</option><option value="" data-group="D3" class="heading">-------------</option><option value="d3:0">D3 4.2.3</option><option value="d3:1">D3 3.5.6</option><option value="" data-group="RxJS" class="heading">-------------</option><option value="rxjs:0">RxJS 5.0.3</option><option value="rxjs:1">rx.all 4.0.6</option><option value="rxjs:2">rx.all.compat 4.0.6</option><option value="rxjs:3">rx.testing 4.0.6</option><option value="rxjs:4">rx.dom 7.0.3 (requires 4.x)</option><option value="" data-group="Popcorn.js" class="heading">-------------</option><option value="popcornjs:0">Popcorn.js 1.5.6 (Core)</option><option value="popcornjs:1">Popcorn.js 1.5.6 (Core + Extensions)</option><option value="" data-group="Data structures" class="heading">-------------</option><option value="datastructures:0">Immutable 3.7.3</option><option value="datastructures:1">mori 0.3.2</option><option value="" data-group="PouchDB" class="heading">-------------</option><option value="pouchdb:0">PouchDB (latest)</option><option value="" data-group="Moment.js" class="heading">-------------</option><option value="momentjs:0">Moment 2.14.1</option><option value="momentjs:1">Moment 2.14.1 (with locales)</option><option value="" data-group="Velocity" class="heading">-------------</option><option value="velocity:0">Velocity JS 1.2.3</option><option value="velocity:1">Velocity UI Pack 1.2.3</option></select></li>
    <li class="run-with-js"><a tabindex="0" role="button">Run with JS</a></li>
    <li><a tabindex="0" role="button" class="save">Save</a></li>
    <li><a tabindex="0" role="button" class="show-share">Share</a></li>
    <li><a tabindex="0" role="button" aria-label="More bin links and information" class="more">…</a></li>
    </ul>
  </div>
  <div id="source" class="binview stretch" style="padding-left: 0px;">
  <div class="stretch panelwrapper" style="display: block; inset: 0px 65.4167% 0px 0%;"><div class="code stretch html panel">
      <div role="menubar" class="label menu" tabindex="0" style="display: none; opacity: 0;"><span class="name"><strong><a href="#htmlprocessors" role="menuitem" class="fake-dropdown button-dropdown"><span>HTML</span></a></strong><span class="saved" style="opacity: 0;">Saved</span></span><div class="dropdown" id="htmlprocessors">
          <div role="menu" aria-hidden="true" class="dropdownmenu processorSelector" data-type="html">
            <a role="menuitemradio" aria-checked="true" href="#html" data-label="HTML">HTML</a>
            <a role="menuitemradio" href="#markdown">Markdown</a>
            <a role="menuitemradio" href="#jade">Jade</a>
            <a href="#convert">Convert to HTML</a>
          </div>
        </div>
      </div>
      <div class="editbox">
        <textarea aria-label="HTML Code Panel" spellcheck="false" autocapitalize="none" autocorrect="off" id="html" style="display: none;"></textarea><div class="CodeMirror cm-s-jsbin"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 822px; left: 64.4219px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none; opacity: 1;"></textarea><textcortex-extension-toolbar id="shadow-host-corner" style="position: absolute; top: 0px; left: 0px; height: 0px; pointer-events: none;"></textcortex-extension-toolbar></div><div class="CodeMirror-vscrollbar" cm-not-content="true" style="bottom: 17px; display: block;"><div style="min-width: 1px; height: 7923px;"></div></div><div class="CodeMirror-hscrollbar" cm-not-content="true" style="right: 17px; left: 0px; display: block;"><div style="height: 100%; min-height: 1px; width: 941.078px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true" style="height: 17px; width: 17px; display: block;"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1" style="height: 832px;"><div class="CodeMirror-sizer" style="margin-left: 0px; min-width: 941.078px; padding-right: 17px; padding-bottom: 17px; margin-bottom: -17px; border-right-width: 13px; min-height: 7923px;"><div style="position: relative; top: 6854.4px;"><div class="CodeMirror-lines" style="padding-top: 39px;"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre>x</pre></div><div class="CodeMirror-measure"><pre class="CodeMirror-line"><span style="padding-right: 0.1px;">    <span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">link</span> <span class="cm-attribute">href</span>=<span class="cm-string">"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&amp;display=swap"</span> <span class="cm-attribute">rel</span>=<span class="cm-string">"stylesheet"</span><span class="cm-tag cm-bracket">&gt;</span></span></pre></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style="visibility: hidden;"><div class="CodeMirror-cursor" style="left: 64.4219px; top: 1007.81px; height: 16.7969px;">&nbsp;</div></div><div class="CodeMirror-code" style=""><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">feather</span>.<span class="cm-property">replace</span>();</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// DOM Elements</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-keyword">const</span> <span class="cm-def">elements</span> <span class="cm-operator">=</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-property">sidebar</span>: <span class="cm-variable">document</span>.<span class="cm-property">getElementById</span>(<span class="cm-string">'sidebar'</span>),</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-property">mainContent</span>: <span class="cm-variable">document</span>.<span class="cm-property">getElementById</span>(<span class="cm-string">'mainContent'</span>),</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-property">toggleBtn</span>: <span class="cm-variable">document</span>.<span class="cm-property">getElementById</span>(<span class="cm-string">'toggleBtn'</span>),</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-property">userBtn</span>: <span class="cm-variable">document</span>.<span class="cm-property">getElementById</span>(<span class="cm-string">'userBtn'</span>),</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-property">userDropdown</span>: <span class="cm-variable">document</span>.<span class="cm-property">getElementById</span>(<span class="cm-string">'userDropdown'</span>),</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-property">themeToggle</span>: <span class="cm-variable">document</span>.<span class="cm-property">getElementById</span>(<span class="cm-string">'themeToggle'</span>)</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        };</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// Event Handlers</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-keyword">const</span> <span class="cm-def">toggleSidebar</span> <span class="cm-operator">=</span> () <span class="cm-operator">=&gt;</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">elements</span>.<span class="cm-property">sidebar</span>.<span class="cm-property">classList</span>.<span class="cm-property">toggle</span>(<span class="cm-string">'collapsed'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">elements</span>.<span class="cm-property">mainContent</span>.<span class="cm-property">classList</span>.<span class="cm-property">toggle</span>(<span class="cm-string">'collapsed'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        };</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-keyword">const</span> <span class="cm-def">toggleUserMenu</span> <span class="cm-operator">=</span> (<span class="cm-def">e</span>) <span class="cm-operator">=&gt;</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable-2">e</span>.<span class="cm-property">stopPropagation</span>();</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">elements</span>.<span class="cm-property">userDropdown</span>.<span class="cm-property">classList</span>.<span class="cm-property">toggle</span>(<span class="cm-string">'active'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        };</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-keyword">const</span> <span class="cm-def">handleThemeToggle</span> <span class="cm-operator">=</span> () <span class="cm-operator">=&gt;</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">document</span>.<span class="cm-property">body</span>.<span class="cm-property">setAttribute</span>(<span class="cm-string">'data-theme'</span>, </span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">                <span class="cm-variable">elements</span>.<span class="cm-property">themeToggle</span>.<span class="cm-property">checked</span> <span class="cm-operator">?</span> <span class="cm-string">'dark'</span> : <span class="cm-string">'light'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">localStorage</span>.<span class="cm-property">setItem</span>(<span class="cm-string">'theme'</span>, </span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">                <span class="cm-variable">elements</span>.<span class="cm-property">themeToggle</span>.<span class="cm-property">checked</span> <span class="cm-operator">?</span> <span class="cm-string">'dark'</span> : <span class="cm-string">'light'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        };</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// Event Listeners</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">elements</span>.<span class="cm-property">toggleBtn</span>.<span class="cm-property">addEventListener</span>(<span class="cm-string">'click'</span>, <span class="cm-variable">toggleSidebar</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">elements</span>.<span class="cm-property">userBtn</span>.<span class="cm-property">addEventListener</span>(<span class="cm-string">'click'</span>, <span class="cm-variable">toggleUserMenu</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">elements</span>.<span class="cm-property">themeToggle</span>.<span class="cm-property">addEventListener</span>(<span class="cm-string">'change'</span>, <span class="cm-variable">handleThemeToggle</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// Close dropdown when clicking outside</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">document</span>.<span class="cm-property">addEventListener</span>(<span class="cm-string">'click'</span>, (<span class="cm-def">e</span>) <span class="cm-operator">=&gt;</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-keyword">if</span> (<span class="cm-operator">!</span><span class="cm-variable">elements</span>.<span class="cm-property">userBtn</span>.<span class="cm-property">contains</span>(<span class="cm-variable-2">e</span>.<span class="cm-property">target</span>)) {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">                <span class="cm-variable">elements</span>.<span class="cm-property">userDropdown</span>.<span class="cm-property">classList</span>.<span class="cm-property">remove</span>(<span class="cm-string">'active'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            }</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        });</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// Initialize theme</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-keyword">const</span> <span class="cm-def">initTheme</span> <span class="cm-operator">=</span> () <span class="cm-operator">=&gt;</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-keyword">const</span> <span class="cm-def">savedTheme</span> <span class="cm-operator">=</span> <span class="cm-variable">localStorage</span>.<span class="cm-property">getItem</span>(<span class="cm-string">'theme'</span>) <span class="cm-operator">||</span> <span class="cm-string">'light'</span>;</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">document</span>.<span class="cm-property">body</span>.<span class="cm-property">setAttribute</span>(<span class="cm-string">'data-theme'</span>, <span class="cm-variable-2">savedTheme</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-variable">elements</span>.<span class="cm-property">themeToggle</span>.<span class="cm-property">checked</span> <span class="cm-operator">=</span> <span class="cm-variable-2">savedTheme</span> <span class="cm-operator">===</span> <span class="cm-string">'dark'</span>;</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        };</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// Keyboard navigation</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">document</span>.<span class="cm-property">addEventListener</span>(<span class="cm-string">'keydown'</span>, (<span class="cm-def">e</span>) <span class="cm-operator">=&gt;</span> {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            <span class="cm-keyword">if</span> (<span class="cm-variable-2">e</span>.<span class="cm-property">key</span> <span class="cm-operator">===</span> <span class="cm-string">'Escape'</span>) {</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">                <span class="cm-variable">elements</span>.<span class="cm-property">userDropdown</span>.<span class="cm-property">classList</span>.<span class="cm-property">remove</span>(<span class="cm-string">'active'</span>);</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">            }</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        });</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">&ZeroWidthSpace;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-comment">// Initialize</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">        <span class="cm-variable">initTheme</span>();</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">    <span class="cm-tag cm-bracket">&lt;/</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">&gt;</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;/</span><span class="cm-tag">body</span><span class="cm-tag cm-bracket">&gt;</span></span></pre><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;/</span><span class="cm-tag">html</span><span class="cm-tag cm-bracket">&gt;</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 13px; width: 1px; border-bottom: 17px solid transparent; top: 7923px;"></div><div class="CodeMirror-gutters" style="display: none; height: 7953px;"></div></div></div>
      </div>
    </div></div><div class="resize" style="display: none;"></div><div class="stretch panelwrapper" style="display: none;"><div class="code stretch css panel">
      <div role="menubar" class="label menu" tabindex="0"><span class="name"><strong><a role="menuitem" class="fake-dropdown button-dropdown" href="#cssprocessors"><span>CSS</span></a></strong><span class="saved">Saved</span></span>
        <div class="dropdown" id="cssprocessors">
          <div role="menu" aria-hidden="true" class="dropdownmenu processorSelector" data-type="css">
            <a role="menuitemradio" aria-checked="true" href="#css" data-label="CSS">CSS</a>
            <a role="menuitemradio" href="#less">Less</a>
            <a role="menuitemradio" href="#myth">Myth</a>
            <a role="menuitemradio" href="#sass" data-label="Sass">Sass <span class="small">with Compass</span></a>
            <a role="menuitemradio" href="#scss" data-label="SCSS">SCSS <span class="small">with Compass</span></a>
            <a role="menuitemradio" href="#stylus">Stylus</a>
            <a role="menuitem" href="#convert">Convert to CSS</a>
          </div>
        </div>
      </div>
      <div class="editbox">
        <textarea aria-label="CSS Code Panel" spellcheck="false" autocapitalize="none" autocorrect="off" id="css" style="display: none;"></textarea><div class="CodeMirror cm-s-jsbin"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" cm-not-content="true"><div style="min-width: 1px;"></div></div><div class="CodeMirror-hscrollbar" cm-not-content="true"><div style="height: 100%; min-height: 1px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; min-width: 3px;"><div style="position: relative;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"><pre class="CodeMirror-line"><span style="padding-right: 0.1px;"><span cm-text="" style="display: inline-block; width: 1px; margin-right: -1px;">&nbsp;</span></span></pre></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code"></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px;"></div><div class="CodeMirror-gutters" style="display: none;"></div></div></div>
      </div>
    </div></div><div class="resize" style="display: none;"></div><div class="stretch panelwrapper" style="display: none;"><div class="code stretch javascript panel">
      <div role="menubar" class="label menu" tabindex="0"><span class="name"><strong><a role="menuitem" class="fake-dropdown button-dropdown" href="#javascriptprocessors"><span>JavaScript</span></a></strong><span class="saved">Saved</span></span>
        <div class="dropdown" id="javascriptprocessors">
          <div role="menu" aria-hidden="true" class="dropdownmenu processorSelector" data-type="javascript">
            <a role="menuitemradio" aria-checked="true" href="#javascript" data-label="JavaScript">JavaScript</a>
            <a role="menuitemradio" href="#babel">ES6 / Babel</a>
            <a role="menuitemradio" href="#jsx">JSX (React)</a>
            <a role="menuitemradio" href="#coffeescript">CoffeeScript</a>
            <a role="menuitemradio" href="#traceur">Traceur</a>
            <a role="menuitemradio" href="#typescript">TypeScript</a>
            <a role="menuitemradio" href="#processing">Processing</a>
            <a role="menuitemradio" href="#livescript">LiveScript</a>
            <a role="menuitemradio" href="#clojurescript">ClojureScript</a>
            <a role="menuitem" href="#convert">Convert to JavaScript</a>
          </div>
        </div>
      </div>
      <div class="editbox">
        <textarea aria-label="JavaScript Code Panel" spellcheck="false" autocapitalize="none" autocorrect="off" id="javascript" style="display: none;"></textarea><div class="CodeMirror cm-s-jsbin"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" cm-not-content="true"><div style="min-width: 1px;"></div></div><div class="CodeMirror-hscrollbar" cm-not-content="true"><div style="height: 100%; min-height: 1px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; min-width: 3px;"><div style="position: relative;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"><pre class="CodeMirror-line"><span style="padding-right: 0.1px;"><span cm-text="" style="display: inline-block; width: 1px; margin-right: -1px;">&nbsp;</span></span></pre></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code"></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px;"></div><div class="CodeMirror-gutters" style="display: none;"></div></div></div>
      </div>
    </div></div><div class="resize" style="display: none;"></div><div class="stretch panelwrapper" style="display: none;"><div class="stretch console panel">
      <div class="label">
        <span class="name"><strong>Console</strong></span>
        <span class="options">
          <button id="runconsole" title="ctrl + enter" style="display: none;">Run</button>
          <button id="clearconsole" title="ctrl + l">Clear</button>
        </span>
      </div>
      <div id="console" class="stretch"><ul id="output"><li class="echo"><span class="gutter"></span><div>:help</div></li><li class="info"><span class="gutter"></span><div class="response"><span>:reset - destroy state and start afresh
:history - list current session history
:load &lt;url&gt; - to inject new DOM
:load &lt;script_url&gt; - to inject external library
      load also supports following shortcuts: <br>      jquery, underscore, prototype, mootools, dojo, rightjs, coffeescript, yui.<br>      eg. :load jquery
:clear - to clear contents of the console
:about jsconsole</span></div></li></ul><form><div autofocus="" id="exec" autocapitalize="off" spellcheck="false"><span id="cursor" spellcheck="false" autocapitalize="off" autocorrect="off" contenteditable=""></span></div></form></div>
    </div></div><div class="resize" style="display: block; inset: 0px auto 0px 34.5833%; width: 8px; margin-left: -4px; height: 100%; opacity: 0; position: absolute; cursor: ew-resize; border-left: 1px solid rgba(218, 218, 218, 0.5); z-index: 99999;"></div><div class="stretch panelwrapper" style="display: block; inset: 0px 0% 0px 34.5833%; border-top: 0px; border-left: 1px solid rgb(204, 204, 204);"><div id="live" class="stretch live panel focus"><iframe class="stretch" sandbox="allow-modals allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts" frameborder="0" name="<proxy>" src="https://null.jsbin.com/runner" __idm_id__="14893057"></iframe>
      <div class="label">
        <span class="name"><strong>Output</strong></span>
        <span class="options">
          <button id="runwithalerts" title="ctrl + enter
Include alerts, prompts &amp; confirm boxes">Run with JS</button>
          <label>Auto-run JS<input type="checkbox" id="enablejs" checked="checked"></label>
          <a target="_blank" title="Live preview" id="jsbinurl" class="" href="https://jsbin.com/focawasepi"><img src="https://static.jsbin.com/images/popout.png"></a>
        </span>
        <span class="size" style="display: none;">1255px</span>
      </div>
    </div></div></div>
  <div id="panelswaiting">
    
    
    
    
    
  </div>
  <form id="saveform" method="post" action="https://jsbin.com/focawasepi/1/save"><input type="hidden" name="javascript" value=""><input type="hidden" name="html" value="_Created with [AIPRM Prompt &quot;Code Generator&quot;](https://www.aiprm.com/prompts/softwareengineering/web-development/1788878358659198976/)_

<!DOCTYPE html>
<html lang=&quot;en&quot;>
<head>
    <meta charset=&quot;UTF-8&quot;>
    <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;>
    <title>Navbar Collapse</title>
    <style>
        /* Reset and base styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            padding: 20px;
        }

        .navbar {
            display: flex;
            flex-direction: column;
            align-items: start;
            background-color: #ffffff;
            width: 60px;
            height: 100vh;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: width 0.3s ease;
        }

        .navbar:hover {
            width: 200px;
        }

        .navbar a {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #333333;
            text-decoration: none;
            padding: 10px;
            border-radius: 5px;
            transition: background-color 0.3s ease, width 0.3s ease;
            overflow: hidden;
            white-space: nowrap;
        }

        .navbar a:hover {
            background-color: #e0e0e0;
        }

        .navbar a span {
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .navbar:hover a span {
            opacity: 1;
        }

        .icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
        }

        /* Fixed hover width */
        .navbar:hover a {
            width: 100%;
        }
    </style>
</head>
<body>
    <div class=&quot;navbar&quot;>
        <a href=&quot;#&quot;>
            <div class=&quot;icon&quot;>🏠</div>
            <span>Home</span>
        </a>
        <a href=&quot;#&quot;>
            <div class=&quot;icon&quot;>📁</div>
            <span>Files</span>
        </a>
        <a href=&quot;#&quot;>
            <div class=&quot;icon&quot;>⚙️</div>
            <span>Settings</span>
        </a>
        <a href=&quot;#&quot;>
            <div class=&quot;icon&quot;>❓</div>
            <span>Help</span>
        </a>
    </div>
</body>
</html>
"><input type="hidden" name="css" value=""><input type="hidden" name="method" value="save"><input type="hidden" name="_csrf" value="bdC8oRS8-A6SDBPVw8-T7jj5LY5dvYZBuoPE"><input type="hidden" name="settings" value="{&quot;processors&quot;:{&quot;html&quot;:&quot;html&quot;,&quot;css&quot;:&quot;css&quot;,&quot;javascript&quot;:&quot;javascript&quot;}}"><input type="hidden" name="checksum" value="false"></form>
</div>
<div id="tip" class=" notification">
  <p>
    
    You can jump to the latest bin by adding <code>/latest</code> to your URL
  </p>
  <a class="dismiss" href="#">Dismiss x</a>
</div>
<div id="keyboardHelp" class="modal">
  <div>
    <h2>Keyboard Shortcuts</h2>
    <table>
      <thead>
        <tr>
          <th class="shortcut">Shortcut</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>ctrl + [num]</td>
          <td>Toggle nth panel</td>
        </tr>
        <tr>
          <td colspan="2">
            <small>
              <input type="checkbox" id="enablealt" class="enablealt">
              <label for="enablealt">Require alt key, leaving cmd+1, 2 etc for tab switching.</label>
            </small>
          </td>
        </tr>
        <tr>
          <td>ctrl + 0</td>
          <td>Close focused panel</td>
        </tr>
        <tr>
          <td>ctrl + enter</td>
          <td>Re-render output.<br>If console visible: run JS in console</td>
        </tr>
        <tr>
          <td>Ctrl + l</td>
          <td>Clear the console</td>
        </tr>
        <tr>
          <td>ctrl + /</td>
          <td>Toggle comment on selected lines</td>
        </tr>
        <tr>
          <td>ctrl + ]</td>
          <td>Indents selected lines</td>
        </tr>
        <tr>
          <td>ctrl + [</td>
          <td>Unindents selected lines</td>
        </tr>
        <tr>
          <td>tab</td>
          <td>Code complete &amp; <a href="http://docs.emmet.io/" target="_blank">Emmet</a> expand</td>
        </tr>
        <tr>
          <td>ctrl + shift + L</td>
          <td>Beautify code in active panel</td>
        </tr>
        <tr>
          <td>ctrl + s</td>
          <td>Save &amp; lock current Bin from further changes</td>
        </tr>
        <tr>
          <td>ctrl + shift + s</td>
          <td>Open the share options</td>
        </tr>
        <tr>
          <td>ctrl + y</td>
          <td>Archive Bin</td>
        </tr>
        <tr><td colspan="2"><small><br><a href="https://jsbin.com/help/keyboard-shortcuts" target="_blank">Complete list of JS Bin shortcuts</a></small></td></tr>
      </tbody>
    </table>
  </div>
</div><div id="urlHelp" class="modal">
  <div>
    <h2>JS Bin URLs</h2>
    <table>
      <thead>
        <tr>
          <th class="shortcut">URL</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>/</td>
          <td>Show the full rendered output.<br><small>This content will update in real time as it's updated from the /edit url.</small></td>
        </tr>
        <tr>
          <td>/edit</td>
          <td>Edit the current bin</td>
        </tr>
        <tr>
          <td>/watch</td>
          <td>Follow a Code Casting session</td>
        </tr>
        <tr>
          <td>/embed</td>
          <td>Create an embeddable version of the bin</td>
        </tr>
        <tr>
          <td>/latest</td>
          <td>Load the very latest bin (/latest goes in place of the revision)</td>
        </tr>
        <tr>
          <td>/[username]/last</td>
          <td>View the last edited bin for this user</td>
        </tr>
        <tr>
          <td>/[username]/last/edit</td>
          <td>Edit the last edited bin for this user</td>
        </tr>
        <tr>
          <td>/[username]/last/watch</td>
          <td>Follow the Code Casting session for the latest bin for this user</td>
        </tr>
        <tr>
          <td>/quiet</td>
          <td>Remove analytics and edit button from rendered output</td>
        </tr>
        <tr>
          <td>.js</td>
          <td>Load only the JavaScript for a bin</td>
        </tr>
        <tr>
          <td>.css</td>
          <td>Load only the CSS for a bin</td>
        </tr>
        <tr><td colspan="2"><br><small>Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently.</small></td></tr>
      </tbody>
    </table>
  </div>
</div><div>
  <div class="card author meta" id="infocard">
    <div class="body">
      <ul class="controls">
        <li><a class="transfer" href="#transfer" style="display: none;">Transfer</a> </li>
        <li><a href="/clone">Clone</a> </li>
        <li><a class="startingpoint" href="/save-as-template">Save as template</a> </li>
        <li><a class="export-as-gist" href="#export-gist">Export gist</a> </li>
        <li class="owner"><a href="/download">Download</a> </li>
        <li class="owner"><a class="deletebin" href="/delete">Delete</a></li>
      </ul>
    </div>
    <header><img>
      <div class="visibility"></div>
      <div class="meta">
        <div class="author">Bin info</div>
        <div class="name"><b></b><span class="pro">pro</span></div><span class="when"><canvas width="11" height="11"></canvas><time>just now</time></span>
      </div>
      <div class="viewers"><b>0</b><span>viewers</span></div>
    </header>
  </div>
</div>

<script src="https://static.jsbin.com/js/vendor/jquery-1.11.0.min.js"></script>

<script src="https://jsbin.com/bin/user.js?d519"></script>
<script src="https://static.jsbin.com/js/prod/jsbin-4.1.8.min.js"></script>
<script async="" defer="" src="https://jsbin.com/bin/start.js?106f8"></script>
</main>
    <div id="ea-wrapper"></div>
    <script>
    $.getJSON('https://server.ethicalads.io/api/v1/decision/?publisher=jsbin&ad_types=text-v1&format=jsonp&div_ids=jsbin&callback=?', function (data) {
      $('#ea-wrapper').html(data.html);
    });</script>



<div id="shadow-host"></div></body></html>

To address the issue where the sidebar's icons shrink upon collapse instead of maintaining their original size, we'll need to make a few adjustments to your CSS and review the overall structure for potential conflicts.

### **1. Fixing the Sidebar Icon Shrinkage**

The primary issue stems from the transition applied to the `.navbar a` elements, which includes a width transition. This can inadvertently cause the icons to shrink when the sidebar collapses. Additionally, ensuring that the icons maintain a fixed size regardless of the sidebar's state is crucial.

**Updated CSS:**

```css
/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    padding: 20px;
}

/* Sidebar styles */
.navbar {
    display: flex;
    flex-direction: column;
    align-items: start;
    background-color: #ffffff;
    width: 60px;
    height: 100vh;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: width 0.3s ease;
    overflow: hidden; /* Prevent content overflow */
}

.navbar:hover {
    width: 200px;
}

.navbar a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333333;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease; /* Removed width transition */
    overflow: hidden;
    white-space: nowrap;
}

.navbar a:hover {
    background-color: #e0e0e0;
}

.navbar a span {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.navbar:hover a span {
    opacity: 1;
}

/* Icon styles */
.icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    font-size: 24px; /* Ensures emoji maintains size */
    display: flex;
    align-items: center;
    justify-content: center;
}
```

**Explanation of Changes:**

1. **Removed Width Transition on `.navbar a`:**
   - The original `transition` property included `width 0.3s ease`. This was causing the link element's width to change, which in turn affected the icon size.
   - **Change:** Removed `width` from the transition to prevent unintended resizing.

2. **Ensured Fixed Icon Size:**
   - Added `font-size: 24px;` to the `.icon` class to ensure that the emoji within maintains a consistent size.
   - Used `display: flex;`, `align-items: center;`, and `justify-content: center;` to center the emoji within the fixed-size container.

3. **Prevented Content Overflow:**
   - Added `overflow: hidden;` to `.navbar` to ensure that content doesn't spill out when the sidebar collapses.

### **2. Potential Areas Causing Conflicts**

While the primary issue is addressed above, it's essential to ensure that other parts of your codebase aren't introducing conflicts. Here are some areas to review:

1. **Nested Flex Containers:**
   - Ensure that parent containers don't have conflicting `flex` properties that might affect child elements.
   
2. **Media Queries:**
   - Check if there are any media queries that alter the sidebar or icon styles based on screen size, which might interfere with the hover behavior.
   
3. **JavaScript Interferences:**
   - If there are JavaScript functions manipulating styles or classes related to the sidebar or icons, ensure they don't inadvertently toggle or override the intended styles.
   
4. **Global Styles:**
   - Review any global styles (styles applied to all elements or wide selectors) that might inadvertently target `.icon` or `.navbar a`, affecting their sizing or behavior.

### **3. Enhancing Accessibility and User Experience**

To further improve your sidebar, consider the following enhancements:

1. **Accessibility:**
   - **ARIA Labels:** Add `aria-label` attributes to your links for better screen reader support.
   - **Focus States:** Ensure that focus states are clearly visible for keyboard navigation.

2. **Consistency:**
   - Use consistent units (e.g., `px`, `rem`) throughout your CSS to maintain uniformity.
   
3. **Iconography:**
   - While emojis are a quick way to add icons, using SVGs or icon fonts like [Font Awesome](https://fontawesome.com/) can offer more consistency and customization options.

### **4. Complete Example**

Here's the complete updated HTML and CSS incorporating the fixes and best practices:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Navbar Collapse</title>
    <style>
        /* Reset and base styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            padding: 20px;
        }

        /* Sidebar styles */
        .navbar {
            display: flex;
            flex-direction: column;
            align-items: start;
            background-color: #ffffff;
            width: 60px;
            height: 100vh;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: width 0.3s ease;
            overflow: hidden; /* Prevent content overflow */
        }

        .navbar:hover {
            width: 200px;
        }

        .navbar a {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #333333;
            text-decoration: none;
            padding: 10px;
            border-radius: 5px;
            transition: background-color 0.3s ease; /* Removed width transition */
            overflow: hidden;
            white-space: nowrap;
        }

        .navbar a:hover {
            background-color: #e0e0e0;
        }

        .navbar a span {
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .navbar:hover a span {
            opacity: 1;
        }

        /* Icon styles */
        .icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            font-size: 24px; /* Ensures emoji maintains size */
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
</head>
<body>
    <div class="navbar">
        <a href="#" aria-label="Home">
            <div class="icon">🏠</div>
            <span>Home</span>
        </a>
        <a href="#" aria-label="Files">
            <div class="icon">📁</div>
            <span>Files</span>
        </a>
        <a href="#" aria-label="Settings">
            <div class="icon">⚙️</div>
            <span>Settings</span>
        </a>
        <a href="#" aria-label="Help">
            <div class="icon">❓</div>
            <span>Help</span>
        </a>
    </div>
</body>
</html>
```

### **Conclusion**

By removing the width transition from the `.navbar a` elements and ensuring that the `.icon` class maintains a fixed size with appropriate `font-size`, the icons should no longer shrink when the sidebar collapses. Additionally, reviewing other CSS aspects and enhancing accessibility will lead to a more robust and user-friendly sidebar.

If you continue to experience issues or have other elements interacting with the sidebar, please provide additional code snippets or details for a more in-depth analysis.

Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set:
Câu hỏi: PhET Interactive Simulations cung cấp các mô phỏng miễn phí trong lĩnh vực:
A. Kinh doanh.
B. Khoa học và Toán học.
C. Thiết kế đồ họa.
D. Y tế.
Đáp án đúng: Khoa học và Toán học
Notes that:
1. Remember that the multichoice question above must not be included in the paragraphs or phrase
2. You can not take an example same as the question
3. Explain detail like in the actual textbook
4. All instructions must be given in general form

PhET Interactive Simulations là một dự án phát triển bởi Đại học Colorado Boulder, với mục tiêu cung cấp các mô phỏng giáo dục trực tuyến miễn phí. Các mô phỏng này chủ yếu tập trung vào các lĩnh vực khoa học và toán học, được thiết kế để hỗ trợ việc giảng dạy và học tập hiệu quả trong những lĩnh vực này.

Các mô phỏng của PhET thường kết hợp giữa các hiện tượng vật lý và công nghệ số để giúp người học hiểu rõ hơn về các khái niệm trừu tượng. Ví dụ, trong lĩnh vực vật lý, người học có thể tìm thấy mô phỏng về chuyển động, điện và ánh sáng. Mỗi mô phỏng cho phép người dùng tương tác và quan sát những thay đổi trong thời gian thực, từ đó củng cố kỹ năng phân tích và giải quyết vấn đề.

Trong toán học, PhET cung cấp các mô phỏng về đại số, hình học và các khái niệm phức tạp khác. Các công cụ này cho phép học viên thăm dò và thao tác với các biến số, giúp họ dễ dàng nắm bắt cách các công thức và định lý hoạt động trong các tình huống khác nhau.

Một điểm đáng chú ý là tất cả các mô phỏng của PhET đều đi kèm với hướng dẫn sử dụng chi tiết và tài liệu giảng dạy dành cho giáo viên. Điều này giúp giáo viên dễ dàng tích hợp các công cụ này vào bài giảng của mình, từ đó tạo ra một môi trường học tập sinh động và thúc đẩy sự tò mò của học sinh.

Việc sử dụng các mô phỏng như của PhET không chỉ giúp người học hiểu rõ hơn về bản chất vấn đề mà còn tạo ra cơ hội để họ khám phá và thực hành theo cách trực quan nhất có thể. Đây là một hình thức học tập hiện đại và sáng tạo, phù hợp với xu hướng giáo dục tiên tiến ngày nay.

Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set:
Câu hỏi: Cho một số biện pháp sau: (1) Không tùy tiện tiết lộ thông tin cá nhân của bản thân hay người khác trên mạng xã hội. (2) Tin tưởng hoàn toàn các địa chỉ bắt đầu bằng https://... (3) Đặt và sử dụng mật khẩu mạnh cho các tài khoản mạng xã hội. (4) Chia sẻ bất kì thông tin nào trên mạng xã hội mà chưa biết thông tin đó đúng hay sai. (5) Trên mạng xã hội, nên đặt những thông tin cá nhân ở chế độ ở Ẩn. (6) Hạn chế đăng nhập trên máy tính lạ hoặc thông qua mạng wifi không đáng tin cậy, chẳng hạn ở quán cà phê hay khách sạn. Số biện pháp KHÔNG giúp chia sẻ thông tin một cách an toàn trong môi trường số?
A. 2.
B. 3.
C. 4.
D. 5.
Đáp án đúng: 2
Notes that:
1. Remember that the multichoice question above must not be included in the paragraphs or phrase
2. You can not take an example same as the question
3. Explain detail like in the actual textbook
4. All instructions must be given in general form

Trong thời đại số hóa ngày nay, việc bảo vệ thông tin cá nhân và chia sẻ thông tin một cách an toàn trên mạng xã hội là một vấn đề hết sức quan trọng. Khi tham gia vào không gian mạng, mỗi cá nhân cần có những kiến thức cơ bản để bảo vệ sự riêng tư và an toàn thông tin.

Trước hết, không tiết lộ tùy tiện thông tin cá nhân trên mạng xã hội là một biện pháp cơ bản và cần thiết. Thông tin như ngày sinh, địa chỉ nhà hoặc số điện thoại có thể bị những kẻ xấu lợi dụng cho các mục đích không lành mạnh hoặc vi phạm pháp luật.

Việc sử dụng mật khẩu mạnh cho các tài khoản mạng xã hội cũng là một trong những biện pháp bảo mật hiệu quả. Mật khẩu mạnh bao gồm sự kết hợp giữa chữ hoa, chữ thường, số và ký tự đặc biệt, mang lại độ bảo mật cao, giúp bảo vệ tài khoản khỏi nguy cơ bị truy cập trái phép.

Ngoài ra, nên thiết lập các thông tin cá nhân ở chế độ riêng tư trên mạng xã hội. Điều này giảm thiểu việc lộ thông tin cho người không liên quan và chỉ chia sẻ với những người mà bạn tin tưởng.

Một thói quen tốt khác là hạn chế việc đăng nhập vào các tài khoản cá nhân qua các thiết bị công cộng hoặc mạng không an toàn, như mạng wifi ở quán cà phê hoặc khách sạn, để tránh việc thông tin cá nhân bị đánh cắp hoặc theo dõi.

Những biện pháp trên có thể giúp bảo vệ thông tin cá nhân và sử dụng mạng xã hội một cách an toàn hơn trong môi trường số hóa hiện nay.