Aplikacja giełdowa-javascript

Witam forumowiczów,czy ktoś wie jak napisać taką aplikacje?

*Napisz aplikacje giełdową która zawiera:

1. Formularz przyjmujący symbol szukanej akcji (np. GOOG, APPL).

2. Aplikacja powinna przyjmować nowy symbol podany z formularza i tworzyć nowy obiekt DOM (np. div z id="symbolakcji")

3. Aplikacja powinna :

a) tworzyć nowy obiekt javascript przyjmujący podany symbol akcji w konstruktorze

b) pobrać dane z użyciem api YAHOO i techniki ajax (np. dla GOOG: http://query.yahooapis.com/v1/public/yql?format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=&q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol=%22goog%22)

c) sparsować otrzymane dane (format JSON)

d) wyświetlić kurs, nazwę spółki i symbol akcji

e) kolorem zasygnalizować zmianę kursu (zielony rośnie, czerwony maleje, niebieski bez zmian)

f) posiadać możliwość zamknięcia karty Akcji (np. ikona krzyżyka)

Formatowanie aplikacji należy oprzeć o framework Bootstrap (wersja 3 lub 4 do wyboru) oraz dodatkowe własne style.*

Tak, mysle ze duzo osob wie jak napisac taka aplikacje. Trzeba usiasc i napisac

To zadanie rekrutacyjne czy uczelniane? Jak rekrutacyjne, to

tworzyć nowy obiekt javascript przyjmujący podany symbol akcji w konstruktorze

mnie troche martwi.

A tak serio, to masz napisane krok po kroku co trzeba zrobić.

1. Formularz przyjmujący symbol szukanej akcji (np. GOOG, APPL).

Czyli musisz mieć jakiś formularz i pole na wpisanie czegoś.

Aplikacja powinna przyjmować nowy symbol podany z formularza

Czyli musisz się wpiąc w event submit (onsubmit)

i tworzyć nowy obiekt DOM (np. div z id="symbolakcji")

i utworzyć nowego diva z danym symbolem w momencie, gdy ktos kliknie wyszukaj (wywoła event submit) itd.

Ktos już za Ciebie odwalił 3/4 roboty, bo masz listę, gdzie masz jasno napisane co masz zrobić. Teraz tylko rozbij kazdy punkt ma mniejsze i googluj to czego nie wiesz.

var button = document.getElementById("send--button");
var symbol = document.getElementById("symbol");
var list = document.getElementById("list");

addValue = function () {
   var newElement = document.createElement("li");
   var json = httpGet(symbol.value);


   newElement.id = symbol.value;
   newElement.className = "list-group-item";
   var data = JSON.parse(json);
   var textElement = document.createTextNode("Symbol: "+data.query.results.quote.symbol);

   newElement.appendChild(textElement);
   list.appendChild(newElement);
   symbol.value = '';
};

function httpGet(theUrl)
{
   var xmlHttp = new XMLHttpRequest();
   xmlHttp.overrideMimeType("application/json");
   xmlHttp.open( "GET", "https://query.yahooapis.com/v1/public/yql?format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=&q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol=%22"+theUrl+"%22", false );
   xmlHttp.send( null );
   return xmlHttp.response;
}

button.addEventListener("click",addValue);

<form>
    <input type="text" id="symbol" class="form-control">
    <input type="button" id="send--button" value="Dodaj walute" class="form-control">
</form>

Wyświetlanie symbolu już masz zrobione więc z resztą sobie powinieneś poradzić