Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I have a for loop and I want to create many <div>s with it.
I want to give the <div>s am ID from a varible.
Here's the code:
var text = $("#cont").text();
count = 1;
for (var i = 1; i <= 10; i++) {
text += "<div class='ball' id='ball'" + count + "></div><br />";
count++;
}
You've messed up your quotes:
text += "<div class='ball' id='ball" + count + "'></div><br />";
Your code had the single quote wrong and produced this:
<div class='ball' id='ball'5>
The number needs to be inside.
I'm a bit confused what your question is: It looks like you've already got the logic to do what you've specified.
That said, I see a probable error that may be confusing you: You're closing the single-quote on id='ball' before you concatenate the count variable. That will result in the div element not having that number as part of its id. Here's a corrected version of the code:
var text = $("#cont").text();
count = 1;
for (var i = 1; i <= 10; i++) {
text += "<div class='ball' id='ball" + count + "'></div><br />";
count++;
}
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I have an assignment to make calculator using vue.js.
Much of it works, I'm confused about how to implement the '=' function.
I found this piece of code in an article that does something similar but I don't understand what it does. Can someone explain it?
https://scotch.io/tutorials/build-a-scientific-calculator-with-vuejs
I found this Piece of code:
if ((app.current).indexOf("^") > -1) {
var base = (app.current).slice(0, (app.current).indexOf("^"));
var exponent = (app.current).slice((app.current).indexOf("^") + 1);
app.current = eval("Math.pow(" + base + "," + exponent + ")");
} else {
app.current =app.current
}
Can someone please explain what the above function does, line-by-line?
// checks if app.current have '^' by getting the index
// if the method indexOf doesn't find anything it return -1
if (app.current.indexOf('^') > -1) {
// gets the first element till the index where it found '^'
var base = app.current.slice(0, app.current.indexOf('^'));
// gets the number after the 'ˆ'
var exponent = app.current.slice(app.current.indexOf('^') + 1);
// eval is evil
// it gets the string and transfoms into valid code
// wich means to do the operation
app.current = eval('Math.pow(' + base + ',' + exponent + ')');
} else {
// if it doesn't find the index it keeps the same value
app.current = app.current;
}
https://javascriptweblog.wordpress.com/2010/04/19/how-evil-is-eval/
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 6 years ago.
Improve this question
I am trying to make a hangman game and what I want to do is make the minus/dash symbol '-' appear the number of times for the string length of the randomly chosen word from an array.
So far what I have is:
HTML:
<h1>Hangman</h1>
<br>
<br>
<div style="margin-left: 100px;">
<p id = "word"> </p>
<div id="image"></div>
</div>
then in my js file I have:
var randomWords = ['rock','paper','scissors'];
document.onkeyup = function(event) {
var chosenWord = randomWords[Math.floor(Math.random()*randomWords.length)];
// var blankLines = "";//(1)
for (int x = 0; x < chosenWord.length; x++)
{
// blankLines += '- '; //(1)
// document.getElementById("word").innerHTML = blankLines;
// document.getElementById("word").innerHTML = ;
}
//document.getElementById("word").innerHTML = blankLines;//(1)
None of the commented out methods worked. The (1) means that these lines go together when I tried it out.
Try this,
var dash='-', x="",chosenWord="sdsjdj";
for (var i = 0; i < chosenWord.length; i++)
{
if(i!=(chosenWord.length-1)) {
x=x+dash+" ";
}
else {
x=x+dash;
}
}
console.log(x);
If you are not targeting ES6, this is just as easy:
chosenWord.replace(/./g, '-')
If you are targeting ES6 you can simply use the repeat function:
"-".repeat(chosenWord.length);
If you are targeting non-ES6 (older browsers), you can do a "hack" like below:
Array(chosenWord.length).join("-")
Or you can use more descriptive code like this:
var dashes = "";
for (var i = 0; i < chosenWord.length; i++) {
dashes = dashes + "-";
}
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 9 years ago.
Improve this question
Hello I am getting error "elements is undefined" in Javascript
function ImportExcelMapping()
{
debugger;
var str = "";
for (var i = 0; i < document.forms[0].elements.length; i++ ) {
if (document.forms[0].elements[i].type == "hidden") {
str += '<input type=\"hidden\" name="' + elements[i].name + '" value=\"' + elements[i].value + '">';
}
}
// rest of function
}
please help
elements[i].name
Where is elements defined? Is that supposed to be document.forms[0].elements[i]?
EDIT:
Since you seem to be confused still, I'll add a bit more detail. Hopefully this clears it up.
You either need to declare elements at the top of your function, like so:
function ImportExcelMapping() {
debugger;
var str = "";
var elements = document.forms[0].elements;
// rest of function
}
Or
You need to change the line that's breaking to this:
str += '<input type=\"hidden\" name="' + document.forms[0].element[i].name + '" value=\"' + document.forms[0].element[i].value + '">';
Well you never defined elements. You probably just need to declare it:
var elements = document.forms[0].elements[i];
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I need to get this: $('#anchor')
Where anc hor are variables themselves.
var firstPart = "anc"
var secondPart = "hor"
How do I do that? + to the question (sorry for that) if I have this structure:
<a id="233"></a><li>qwerty</li>
how do I addClass to this exact li that comes after #233?
First part:
$('#' + firstPart + secondPart); // $('#anchor')
Second part:
$('#123 + li').addClass('myclass');
http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors
Answer1
var firstPart = "anc"
var secondPart = "hor"
var selector = "#" + firstPart + secondPart;
Then you can call it by $(selector) .
Answer 2:
$(function(){
$('#233 + li').addClass('ownclass');
});
Check http://jsfiddle.net/alaminopu/U2q6E/ for Answer 2.
'#anchor' is just a string. You use standard string concatination.
var str = '#' + firstPart + secondPart;
$(str)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
I was poking around with inspect element and came across this:
NumberOfDivsToRandomDisplay = 10;
var CookieName = 'DivRamdomValueCookie';
function DisplayRandomDiv() {
var r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay);
if (NumberOfDivsToRandomDisplay > 1) {
var ck = 0;
var cookiebegin = document.cookie.indexOf(CookieName + "=");
if (cookiebegin > -1) {
cookiebegin += 1 + CookieName.length;
cookieend = document.cookie.indexOf(";", cookiebegin);
if (cookieend < cookiebegin) {
cookieend = document.cookie.length;
}
ck = parseInt(document.cookie.substring(cookiebegin, cookieend));
}
while (r == ck) {
r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay);
}
document.cookie = CookieName + "=" + r;
}
for (var i = 1; i <= NumberOfDivsToRandomDisplay; i++) {
document.getElementById("randomdiv" + i).style.display = "none";
}
document.getElementById("randomdiv" + r).style.display = "block";
}
DisplayRandomDiv();
What is its purpose? Just curious, thanks :)
This code assumes you have div's with ID's "randomdiv1", "randomdiv2" etc.
It then reads the cookie named DivRamdomValueCookie. If it's present, it contains an integer value which will be the ID of the div currently shown ("randomdiv" + value of the cookie).
Then, it will hide all the divs, and then show one of the divs, different from the div whose ID was stored in the cookie. If the cookie was not present, it will display random div.
This script has a hard-coded number of div's in a NumberOfDivsToRandomDisplay variable.
toggling of divs that also stores a particular div state for some time.
http://ipankaj.net/how-to-display-multiple-testimonials-randomly-on-your-website/