Skip to content

Instantly share code, notes, and snippets.

@cooncesean

cooncesean/select-movement.html

Last active August 29, 2015 14:06
Show Gist options
  • Save cooncesean/f6d1018f9fafb7209431 to your computer and use it in GitHub Desktop.
Save cooncesean/f6d1018f9fafb7209431 to your computer and use it in GitHub Desktop.
Download ZIP
Beginner JS Code challenge
Raw
select-movement.html
<html>
<style>
select{min-width: 200px;}
input{min-width: 200px;}
</style>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input-add-text" placeholder="Text To Be Added" />
<button id="btn-add-text">Add Text To Left Select</button>
<hr />
<select multiple id="select-left" />
</select>
<button id="btn-move-left">Move Selected Objects Left</button>
<button id="btn-move-right">Move Selected Objects Right</button>
<select multiple id="select-right" />
</select>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment