html - How do I get my color palette to display using javascript? -



html - How do I get my color palette to display using javascript? -

i beginner in web dev , have color palette homework need do. followed instructions problem my color palette not show @ in browser. there instruction misinterpreting?

html code:

<!doctype html> <html lang='en'> <head> <meta charset='utf-8' /> <title>javascript fun</title> <style type='text/css'> .palette { float: left; height: 50px; width: 100px; } </style> <script type='text/javascript'> </script> </head> <body> <div id='palette-div' style='border:2px solid white; float:left;'>&nbsp;</div> <div id='color-div' style='clear:both; position:relative; left:0;'>&nbsp;</div> <script type='text/javascript'> //<![cdata[ //<!-- // 1. define array indexes @ to the lowest degree 8 colors. var colors = ["#7fff00", "#8b008b", "#e9967a", "#00bfff", "#daa520", "#cd5c5c"]; var palette = ""; // 2. iterate through colors array, concatenating string div class 'palette // variable - palette. // 3. add together inline style each div background color of div corresponds // current index of colors array. // 4. add together event listener each div setbgcolor() called when // div clicked. for(var = 0; < colors.length; i++) { palette = palette + " <div class='palette'" + " style='background-color:" + + "' onclick='setbgcolor()'> </div>"; } // 5. add together palette variable contents of 'palette-div' div. document.getelementbyid('palette-div').innerhtml = palette; function setbgcolor( clickeddiv ) { // 6. create variable that's equal background color of clickeddiv var currentcolor = clickeddiv.style.backgroundcolor; // 7. set contents of 'color-div' equal variable in (6). // (the rgb value should displayed in 'color-div', not color itself). document.getelementbyid('color-div').innerhtml = currentcolor; // 8. set background color of entire page background color of clickeddiv. document.body.style.backgroundcolor = currentcolor; // 9. now, fun, move 'color-div' 10px right, every time // colored div clicked. document.getelementbyid('color-div').style.left = '10px'; } //--> //]]> </script>

javascript html

Comments

Post a Comment

Popular posts from this blog

javascript - THREE.js reposition vertices for RingGeometry -

javascript - THREE.js reposition vertices for RingGeometry - codepen available here: http://codepen.io/pehrlich/pen/cogjg i want render ring geometry in scene, , dynamically alter it's arclength (thetalength). start with, i'm calling it's constructor, , recalling code positions vertices. however, causes unusual results. here's method phone call - copied constructor , given new name of setthetalength: three.ringgeometry.prototype.setthetalength = function(thetalength){ // this.thetalength = thetalength; var i, o, uvs = [], radius = this.innerradius, radiusstep = ( ( this.outerradius - this.innerradius ) / this.phisegments ); ( = 0; < this.phisegments + 1; ++ ) { // concentric circles within ring ( o = 0; o < this.thetasegments + 1; o ++ ) { // number of segments per circle var vertex = this.vertices[i + o]; // maybe need query vertex indices here. var segment = this.thetastart + o / this.thetasegments *...
Read more

javascript - I need to update the text of a paragraph by inline edit -

javascript - I need to update the text of a paragraph by inline edit - i've tried this html <div> <h1>some text here</h1> <p>text area text here</p> </div> jquery $(function(){ $('p').on('click', function(e){ e.preventdefault(); var txt = $(this).text(); $(this).parent().append('<textarea>' + txt + '</textarea>'); $(this).remove(); }); }); i need update text of paragraph inline editing. need paragraph new text typed there , remove textarea when click outside of textarea. thanks here update fiddle http://jsfiddle.net/99pxz8et/2/ what need hear on alter event new text area , update it $area.one('focusout', function() { $p.show(); $p.text($area.val()); $area.remove() }); edit: changed .on() .one() javascript jquery
Read more

assembly - What is the addressing mode for ld, add, and rjmp instructions? -

assembly - What is the addressing mode for ld, add, and rjmp instructions? - hey guys know ldi (load immediate) addressing mode set immediate , st instruction addressing mode set index. however, have no thought others curious are! thanks :) the addressing modes explained in instruction set, in first few pages. in table of instructions see operands instruction determine addressing mode. mode indicated arguments assembly instruction. for example, ld had several different ways of operating, depending on arguments. 1 of them ld rd,x d number of register, such ld r3,x . ld r3,-z else (although both indirect addressing). rjmp k relative addressing, jumping pc + k + 1. add rr,rd direct register addressing. result contained in rd. assembly avr instructions
Read more