Inlägg

Inlägg som Howardtheory har skrivit i forumet
Av Howardtheory

Dom/js länk byta text

Hej!

Har en uppgift i skolan där jag har en a href länk där det står click here och efter amn klickat där ska man har gjort en p tag där texten you clicked dyker upp under länken.

detta är min js kod i min app.js fil

function myFunction() {
let x = document.getElementById('step05').text = "you clicked!";
document.getElementById('demo').innerHTML = x;
}

detta är min html kod i index.html

<div id="step05">
<h2>Exercise 5</h2>
<p>
Create and display a p-element containing the text "You clicked!" when the user
clicked the grey box below.
</p>
<div class="greybox"><a href="#" onclick="myFunction()">Click me!</a></div>
<p id="demo"></p>
</div>

Vad är det för fel jag gör? Varför fungerar det inte?

Av Howardtheory
Skrivet av Leedow:

Ingenting ska göras med css-filen mer än att eventuellt sätta klassnamn, men det ser inte ut att vara ett krav.

Du har redan en kodsnutt som gör nästan allt:

let color = document.getElementsByClassName('red').style.color = 'red' let fyra = document.getElementById('step04') color.appendChild(fyra)

Du ska inte spara undan någon färg.
Du ska inte skapa något nytt element.

Du ska endast ändra textfärgen till röd på ett befintligt element.

Ditt befintliga element ser ut enligt följande:

<h2>Exercise 4</h2>

Detta element har två egenskaper. Taggnamnet är "h2" och innehållet är "Exercise 4".
I javascript så finns det en inbyggd metod för att hämta alla element i DOM-trädet efter deras namn.
https://developer.mozilla.org/en-US/docs/Web/API/Element/getE...

Med hjälp av detta kommando så kan du sedan iterera genom alla och sätta färgen till röd.
Lite fusk finns däremot, istället för att iterera så kan du sätta färgen på det första elementet då - enligt din kod - du bara har en h2-tagg.

Hur man sätter textfärgen till valfri färg gör man enligt:

element.style.color = 'önskad_färg'

Där "element" är elementet man vill sätta och "önskad_färg" är färgen man vill tilldela.

Lycka till.

Tack!

document.querySelector('#step04 h2').classList.add('red')

jag körde på det och det fungerade annars. Vet inte om det är det snyggaste eller bästa sättet men

Av Howardtheory

DOM/JS hjälp med skolarbete

Hej!

//uppgift 5
let p = document.createElement('p')

let ptext = docmuent.createTextNode('You clicked!')

p.appendchild(ptext)

let pDiv = document.getElementById('step05')

pDiv.

Detta är min js kod, har inte fortsatt för att jag får inte riktigt till det från början.

Exercise 5
Create and display a p-element containing the text "You clicked!" when the user clicked the grey box below.

Click me!

Detta är uppgiften

<div id="step05">
<h2>Exercise 5</h2>
<p>
Create and display a p-element containing the text "You clicked!" when the user
clicked the grey box below.
</p>
<div class="greybox"><a href="#">Click me!</a></div>
</div>

detta är min html kod

Jag ska alltså hämta så när man klickar man Click me! knappen så ska jag ha skapat en p element där texten innehåller you clicked! Jag tror jag nu har skapat ett p element och hämtat den ur step05 = uppgift 5, men hur gör man för att det ska byta till you clicked efter man klickat på a href taggen click me!?

Av Howardtheory

@Tazavoo: okok, hur hade du skrivit för att hämta den ur css filen?

Av Howardtheory
Skrivet av Yxskaftet:

Ja du, det känns som att du skrivit kod som du inte vet vad den gör

Men om man delar upp det, vad tror du att detta gör?

document.getElementsByClassName('red')

Och vad tror du att detta gör?

style.color = 'red'

document.getElementsByClassName('red')

Den hämtar väl .classen i css tror jag, allts classen red?

style.color = 'red'

Antar att man stylar koden till röd, är inte hundra :/

Av Howardtheory

DOM/JS hur löser man röd text

Hej!

// Uppgift 1
let MyText = document.createTextNode('Hello World!')

let pTag = document.querySelector('#step01_hello')

pTag.appendChild(MyText)

// Uppgift 2
let newH2 = document.createElement('h2')

let newContent = document.createTextNode('This is a sub headline')

newH2.appendChild(newContent)

let currentDiv = document.getElementById('step02')
currentDiv.appendChild(newH2)

// Uppgift 3
let uppthree = document.createElement('h2')

let content = document.createTextNode('This is a sub headline')

uppthree.appendChild(content)

let newDiv = document.getElementById('step03')

let children = newDiv.childNodes

newDiv.insertBefore(uppthree, children[2])

//uppgift 4

let color = document.getElementsByClassName('red').style.color = 'red'

let fyra = document.getElementById('step04')

color.appendChild(fyra)

SÅ ser min kod ut i .js filen

<div id="step04">
<h2>Exercise 4</h2>
<p>
Change the color to "red" on the h2-element above (containing the text "Excercise 4")
</p>
</div>

detta är i html koden.

Jag ska byta så h2 taggarna ovanför uppgift 4 blir röd, vet inte riktigt hur jag ska göra detta, så skulle behöva hjälp om hur man löser detta om någon vet hur har gjort lite kod, men är helt ute och cyklar och har fastnat rejält på denna uppgift. precis börjat med JS och DOM

Av Howardtheory

Vilken föredrar ni?

Hej! Jag studerar webbprogrammering och tänkte använda datorn för programmering, design (photoshop, illustrato bl.a) och lite videoredigering och så spelar jag spel som LoL och CS GO endast som tyngsta spel.

Jag kollar på lite olika datorer

http://store.hp.com/SwedenStore/Merch/Product.aspx?id=2WG15EA...

får denna för 11.990 med studentrabbat

https://www.dustinhome.se/product/5011033263/legion-y520-gtx-...

kostar 11.490 med rabatt.

https://www.elgiganten.se/product/datorer-tillbehor/barbar-da...

kostar 9.990 med rabatt.

https://sharkgaming.se/msi-gp62-7rd-099ne

11.495 kr.

Vilken hade ni föredragit med mina "krav" som jag ska använda datorn för. Vill helst ha en bra fläkt med som inte låter supermycket när man sitter och programmerar, spelar man spel gör det inget speciellt men vill helst ha en så tyst dator som möjligt när man designar och programmerar.

Så vilken hade ni föredragit?

Kollar man på spec, så verkar ju HP omen vara bäst kanske för det priset? men vet inte så mycket mer om vilken dator man bör ha, så hade varit jätte tacksam för svar

Av Howardtheory

bärbar skol/gaming dator

Hej! kollar efter en dator där jag ska ha den för anvädning av programmering/designa hemsidor samt spela spel som LoL och cs go. budget, runt 10.000 något över om det är en mycket bättre dator liksom

https://www.elgiganten.se/product/datorer-tillbehor/barbar-da...

den har jag kollat in, vad tror ni? finns det bättre till mellandagsrean kanske?

Av Howardtheory

är denna datorn bra för min far?

Hej! Min far ska köpa en ny dator nu och det han gör på datorn är att surfa runt lite och streama lite filmer.

https://www.dustinhome.se/product/5011007825/v110

är denna datorn tillräckligt bra för detta? Han vill ha en 15.6 tum med 8 gb ram som minst och 128 gb ssd som minst men så lågt pris som möjligt för datorn och det är denna jag har hittat endast. Vad tycker ni?

Av Howardtheory

söker plugg/gaming dator

Hej! Jag söker nu efter en plugg/gaming dator. Jag studerar webbprogrammering, så kommer koda en del och även pyssla mycket med illustrator/photoshop. Jag är ute efter en 15 tumare ingen 13 eller 17.

Jag spelar endast CS go och LoL, så inga tyngre spel än dom två spelar jag.

Prisklass max 12-13 tusen men helst så lågt som möjligt.

Vad har ni för rekommendationer?

Av Howardtheory

Vad för studier är det du kör på? Jag har den lite maffigare varianten för 19.990. 13 tum med, jag själv studerar webbprogrammerare men rekommenderar då 15 tum för programmering och design att jobba med photoshop och illustrator, 13 tum är lite för litet måste jag säga.

Av Howardtheory

@anon81912:

Vad menar du exakt?

ska få ut range, alltså få ut nummerna ur numbers och sen ta störtsa - det lägsta så får man ut range, men vet inte exakt hur jag gör

Av Howardtheory

problem med javacsript, range

Hej!

function range (numbers) {
let rang = numbers.slice()
rang.sort(function (a, b) { return b - a })
return rang[0] - [numbers.length -1]
}

Detta är min kod och jag försöker få ut range på rätt sett. Är nybörjare inom detta.

Vad är det för fel? jag kör npm test för att se så koden är rätt med allt vad det nu måste vara och bland annat så kommer detta felet fram

Infix operators must be spaced och då är det denna kod och rada " return rang[0] - [numbers.length -1]"

Men vet inte ens om all kod är rätt. Vad är det för fel så jag får detta att fungera?

Av Howardtheory

fick klart mode som sagt. men något liknanade som detta måste range vara?

function range (numbers) {
let rang = numbers.slice()
rang.sort(function (a, b) {
return a - b
}) där räknar jag ju ut högst till lägst men måste kunna få högst - lägst så det blir blir rätt siffra, alltså t.ex 21 - 10 så blir range 12 och 21 är högst och lägsta siffran är 10.

Hur gör man det på rätt sätt?

Av Howardtheory

@MonsterG:

har löst mode, behöver hjälp med range nu bara. Någon som vet hur man startar en sådan?

Av Howardtheory

mode, range, standardavvikelse

Hej! gjorde ett inlägg innan, och ber om ursäkt för ett till, tänkte dra ihop allting här nu så det inte blir flera.

Det är så att jag ska försöka räkna ut mode i javascript och range och standarddevitation(standardavvikelse)

Men vet inte hur man gör alls på detta riktigt.
Är totalt nybörjare som sagt.

function mode (numbers) {
let sum = 0
for(let i = 0; numbers.length; i++){
let moode = Math.floor(numbers.length)
if(numbers.length)
}
} Detta är min mode, men nu har jag skrivit ut for loop där den räknar ut antal nummer?(om jag har rätt)

sen Math.floor räknar den från lägst till höst? eller?

Hur gör man sen för att räkna ut mode? Samt göra en ny funktion för range och standardavvikelse, de två sistnämna är jag väldigt tveksam på hur man ens startar tyvärr.

Av Howardtheory

@gaminggirl:

Tackar! supertack för hjälpen

Av Howardtheory

@gaminggirl:

function mean (numbers) {
let sum = 0
for (i = 0; i < numbers.length; i++) {
sum += numbers[i]
}
return sum / numbers.length
}

på denna kod så står det i visualstudiocode att i is not defined. men jag har väl definerat den i for satsen?

Av Howardtheory

@MonsterG:

function mean (numbers) {
let i = numbers.slice()
for (i = 0; i < numbers.length; i++) {
numbers.length += i
}

} kan detta vara något bättre?

Av Howardtheory

@gaminggirl:

Längden är att jag ska hämta ut nummerna från numbers.

Var for satsen helt ute och cyklade eller?